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


How To Get Unselected Option Value In Bootstrap davidstutz/bootstrap-multiselect dro down list

我正在使用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
// ...