从div中选择选择值

时间:2016-06-14 21:15:53

标签: javascript jquery

我在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-->

1 个答案:

答案 0 :(得分:0)

您确定panel-body <{em> <{1}}我认为你的jquery缺少上下文。你的代码仍然不完整('很多html ......'没有好处)所以我们只能进行计算猜测。

确保content_...位于panel-body内,您可以content_....val()使用find()

修改 children()怎么样?