javascript - 在选择任何其他选项引导程序时取消选择默认选择

Question

我正在为我的下拉多选框使用 Bootstrap-select 插件（ https://silviomoreto.github.io/bootstrap-select/ ）。

我启用了一个默认选项，该选项在页面加载时被勾选。下图

<select id="dataPicker" class="selectpicker" multiple>
	<optgroup  >
		<option value="default" selected="selected">ALL</option>
	</optgroup>
	<optgroup ">
		<option value="failed">FAILED</option>
		<option value="running">RUNNING</option>
		<option value="completed">COMPLETED</option>
	</optgroup>
</select>

在上面的代码中，默认选择“ALL”。

我正在寻找一种行为，当用户选择“ALL”以外的任何选项时，“ALL”会自动被取消选择。

请帮忙 。

Answer 1

将 'data-actions-box="true"' 添加到您的选择元素。

<select class="selectpicker" multiple data-actions-box="true">
      <option>Mustard</option>
      <option>Ketchup</option>
      <option>Relish</option>
</select>

https://silviomoreto.github.io/bootstrap-select/examples/#selectdeselect-all-options

如果您想通过您的方法继续，那么您需要在选择项目事件上添加一个事件挂钩并检查该项目是否是“全部”项目并手动取消选择列表中的所有项目，反之亦然。

https://silviomoreto.github.io/bootstrap-select/methods/#selectpickerselectall

Answer 2

如果这可以帮助某人，答案可能是 jquery

$(document).on('change', '#dataPicker', function (e)
{
var select = $(this)[0];

if (select[0].selected) {

    $("#dataPicker").val([]).val('default').selectpicker("refresh");

}
});