如何在Bootstrap davidstutz/bootstrap-multiselect dro下拉列表中获取未选中的选项值

Question

我正在使用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');

Answer 1

我不确定我是否理解了你的问题，但这里有一些建议。您可以获取所有选定选项的值，如下所示：

$('#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
// ...