在Bootstrap Select中休息选择选项的问题

时间:2014-06-26 09:19:50

标签: javascript jquery twitter-bootstrap-3

使用Bootstrap 3和Bootstrap Select插件我在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>

但这不是在做这个工作!你能告诉我怎么做吗?感谢

1 个答案:

答案 0 :(得分:2)

您需要使用&#39;取消选择&#39;将selectpicker重置为:

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


重置

希望这有帮助