选择一个后添加的对象

cloudniu2014 2018-08-02 03:19:28
后面用jQuery append了一个select, 如何获取它的值?

$("#pageSizeValue").val()这样我一直获取不到。

*****************************************************************************************************************
var pageSizeFiled=$("<select id='pageSizeValue' class='pageSizeValue'></select>");
var pagesize0=$("<option></option>").append("12").attr("value",12);
var pagesize1=$("<option></option>").append("20").attr("value",20);

pageSizeFiled.append(pagesize0).append(pagesize1)
$("#page_info_area").append(info)
*****************************************************************************************************************

...全文
157 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
winzond 2018-08-03
  • 打赏
  • 举报
回复
引用 2 楼 cloudniu2014 的回复:
[quote=引用 1 楼 foren_whb 的回复:]
写法真啰嗦。。。。。
按下面的写,你查下试试!!
var htm="<select id='pageSizeValue' class='pageSizeValue'><option value='12'>12</option><option value='20'>20</option></select>"
$("#page_info_area").append(htm)


谢谢, 我现在的问题是如何在其它的function 用jQuery获取到这个值?[/quote]
你要保证获取时,对象已经添加,jQuery并不是写在前面的代码一定会优先执行,jQuery不会阻塞后面的代码执行,如果前面的代码执行时间比较长,完全有可能,它还没有执行完,后面的代码已经执行了。如果此情况发生了,你就肯定获取不到值。确保前面的代码执行完毕再执行的代码,要放在回调函数里。代码,我就不给你写了,原理就是这样。像3楼那样写一个按钮事件,也是可以的,一般情况是能获取的,但某些特殊情况未必能获取,因为它无法保证添加新对象已经完成了
Lg泪光 2018-08-03
  • 打赏
  • 举报
回复
引用 2 楼 cloudniu2014 的回复:
[quote=引用 1 楼 foren_whb 的回复:]
写法真啰嗦。。。。。
按下面的写,你查下试试!!
var htm="<select id='pageSizeValue' class='pageSizeValue'><option value='12'>12</option><option value='20'>20</option></select>"
$("#page_info_area").append(htm)


谢谢, 我现在的问题是如何在其它的function 用jQuery获取到这个值?[/quote]
用什么取?id啊class的话,我记得要转译一下引号\'否则好像会失效
丰云 2018-08-02
  • 打赏
  • 举报
回复
引用 2 楼 cloudniu2014 的回复:
[quote=引用 1 楼 foren_whb 的回复:]
写法真啰嗦。。。。。
按下面的写,你查下试试!!
var htm="<select id='pageSizeValue' class='pageSizeValue'><option value='12'>12</option><option value='20'>20</option></select>"
$("#page_info_area").append(htm)


谢谢, 我现在的问题是如何在其它的function 用jQuery获取到这个值?[/quote]
$("#pageSizeValue").val(); 这个你不是已经会了吗???

之所以你前面取不到,不是取值的地方写错了,是添加的地方写错了
IEEE_China 2018-08-02
  • 打赏
  • 举报
回复

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link href="css/bootstrap.css" rel="stylesheet" />
<script src="JS/jquery-2.1.4.js"></script>
<script src="JS/bootstrap.js"></script>
<title>测试</title>
<script>
$(function () {
var htm = "<select id='pageSizeValue' class='pageSizeValue'><option value='12'>12</option><option value='20'>20</option></select>"
$("#page_info_area").append(htm);

$('#btnOk').click(function () {
var hdnval = $('#pageSizeValue').val();
$('#tip').text(hdnval);
});


});
</script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3">
<div id="page_info_area"></div>
</div>
<div class="col-md-3">
<input id="btnOk" type="button" value="button" class="btn btn-default" />
</div>
<div class="col-md-3">
<span id="tip"></span>
</div>
</div>
</div>
</body>
</html>
cloudniu2014 2018-08-02
  • 打赏
  • 举报
回复
引用 1 楼 foren_whb 的回复:
写法真啰嗦。。。。。 按下面的写,你查下试试!! var htm="<select id='pageSizeValue' class='pageSizeValue'><option value='12'>12</option><option value='20'>20</option></select>" $("#page_info_area").append(htm)
谢谢, 我现在的问题是如何在其它的function 用jQuery获取到这个值?
丰云 2018-08-02
  • 打赏
  • 举报
回复
写法真啰嗦。。。。。
按下面的写,你查下试试!!
var htm="<select id='pageSizeValue' class='pageSizeValue'><option value='12'>12</option><option value='20'>20</option></select>"
$("#page_info_area").append(htm)

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧