javascript - Bootstrap Select 中的静止选择选项问题

Question

使用 Bootstrap 3 和 Bootstrap Select 插件 我在 This Demo 有一个选择选项列表。现在，当用户单击重置按钮时，我想将选择选项重置为第一个选项(“从列表中选择”)。我已经尝试过这个:

$('#resetForm').on("click", function(){
 $("#selopt").val($("#selopt option:first").val());
});

<select class="selectpicker" id="selopt">
    <option value="0">Select From List</option>
    <option value="1">Volvo</option>
    <option value="2">Saab</option>
    <option value="3">Mercedes</option>
    <option value="4">Audi</option>
</select>
<br>
<button id="resetForm" class="btn btn-success">Reset</button>

但这并不能完成任务!你能让我知道该怎么做吗？谢谢

Answer 1

您需要使用“取消选择”将选择器重置为:

$('#resetForm').on("click", function(){
    **$("#selopt").selectpicker('deselectAll');**
});
<select class="selectpicker" id="selopt">
    <option value="0">Select From List</option>
    <option value="1">Volvo</option>
    <option value="2">Saab</option>
    <option value="3">Mercedes</option>
    <option value="4">Audi</option>
</select>

重置

希望这有帮助