Question

我有一个选择器，默认情况下其选择值为“全部”：

<select class="selectpicker form-control" title="Secteur" data-live-search="true" multiple id="sectorlist">
    <option selected value="*">All</option>
    <optgroup label="Region 1">
        <option value="2">Diffa</option>
        <option value="3">Dosso</option>
    </optgroup>
    <optgroup label="Region 2">
        <option value="4">Maradi</option>
        <option value="5">Niamey</option>
    </optgroup>
</select>

第一个问题： 我希望当用户单击另一个选择选项时，将自动取消选择“全部”选项。但是没有有关如何触发取消选择的文档。
第二个问题：我希望当用户在选择其他选项后单击“全部”时，所有选项都未被选中，然后只需重新选择“全部”值，就像重置selectpicker一样。

根据文档，我编写了这段代码，但不适用于第二步，我也不知道第一个问题该怎么做。

$('#sectorlist').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
    if (clickedIndex !== 0) {
        //User clicked on other option and I want to deselect the "All" value
    }
    if (clickedIndex === 0 && isSelected) {
        //I want to deselect all other options and then select the "All" value
        $('#sectorlist').selectpicker('deselectAll');
        $("#sectorlist").val('*');
    }
});

有人可以帮我吗？预先谢谢你！

在Bootstrap选择选择器中取消全选后选择不工作

0 个答案: