Bootstrap Select 中的 Resting Select 选项问题答案

【问题标题】：Issue on Resting Select Options in Bootstrap SelectBootstrap Select 中的 Resting Select 选项问题
【发布时间】：2014-06-26 19:00:06
【问题描述】：

使用 Bootstrap 3 和 Bootstrap Select Plugin 我在 This Demo 有一个选择选项列表。现在，当用户单击重置 btn 时，我想将选择选项重置为第一个选项（“从列表中选择”）。我已经试过了：

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

但这不是工作！你能告诉我怎么做吗？谢谢

【问题讨论】：

标签： javascript jquery twitter-bootstrap-3

【解决方案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>

重置

希望对你有帮助

【讨论】：