我正在使用davidstutz/bootstrap-multiselect下拉列表,当我得到一个下拉列表时,我想获得未选择的值:
<div class="form-group">
<label for="Course" class="col-sm-4 control-label">Dashbord *</label>
<div class="col-sm-4" id="multicourse">
<select id="Course" name="options[]" multiple="multiple" style="width:100%">
<option value="1" >Sales</option>
<option value="2" >Students</option>
<option value="3" >Quetion</option>
<option value="4" >Test</option>
<option value="5" >Test Series</option>
<option value="6" >Student</option>
<option value="7" >Validity</option>
<option value="8" >Disk Space</option>
<option value="9" >Student Graph</option>
<option value="10" >Date</option>
</select>
</div>
</div>
脚本中:
$('#Course').multiselect({
includeSelectAllOption: true,
nonSelectedText:"Select Dashbord",
nSelectedText:"Dashbord",
enableFiltering: true,
maxHeight:200,
buttonWidth: '95%',
});
$("#Course").multiselect('selectAll', false);
$("#Course").multiselect('updateButtonText');
我不确定我是否理解了你的问题,但这里有一些建议。您可以通过以下方式获取所有选定选项的值:
$('#Course option:selected')
同样,你可以得到所有未选中的选项:
$('#Course option:not(:selected)')
对应的输入元素可按如下方式查询。我假设您使用buttonContainer: '<div id="multiselect-container"></div>'
作为简单的选项:
// Alternatively use `:not(:selected)` as above:
var value = $('#Course option:selected')[0].val()
$input = $('#multiselect-container input[value="# + value + '"]') // The checkbox
$input.prop('checked`) // Whether it is checked (its checked when the correspondign option is selected)
$input.closest('li') // Corresponding list item
// ...