我在div中选择了一个bootstrap选择字段并尝试获取所选值但无法获取。任何想法在这里有什么问题,
$('#content_' + id).find('#GroupID > option:selected').text() // blank
$("#content_" + id).children('select[name="GroupID"] option:selected').text() // blank
HTML标记,
<div id='content_M-CSP-HID-1301-00V9' data-taburl='xxx' class='tab-pane'>
lots of html...
<div class="panel-body">
<div class="col-sm-12">
<div class="row">
<div class="panel-body form-horizontal "
<!-- BEGIN: GroupID-->
<div class="col-sm-2">
<label for="GroupID" class="col-sm-12 control-label">Family</label>
</div>
<div class="col-sm-4">
<select data-placeholder="Select group" id="GroupID" name="GroupID" data-disable-search-threshold="10" class="chosen-select">
<option value=""></option><option value="100 - Environment">100 - Environment</option><option value="200 - Equipment">200 - Equipment</option><option value="300 - Products">300 - Products</option><option value="400 - Method">400 - Method</option><option value="500 - Personnel">500 - Personnel</option><option value="600 - Management">600 - Management</option><option value="700 - Environmental Impacts">700 - Environmental Impacts</option>
</select>
</div>
<!-- END: GroupID-->
答案 0 :(得分:0)
您确定panel-body
<{em> <{1}}我认为你的jquery缺少上下文。你的代码仍然不完整('很多html ......'没有好处)所以我们只能进行计算猜测。
确保content_...
位于panel-body
内,您可以content_...
或.val()
使用find()
。
修改强>
children()
怎么样?