Question

我正在使用Bootstrap-select插件（https://silviomoreto.github.io/bootstrap-select/）作为我的下拉选择框。单击一个按钮后，我想要刷新该框并重置“选中”选项。这是下拉列表

<select id="dataPicker" class="selectpicker form-control">
  <option value="default" selected="selected">Default</option>
  <option value="one">One</option>
  <option value="two">Two</option>
  <option value="three">Three</option>
</select>

这是我的尝试，不起作用。关于它应该如何的任何想法？

$("#dataPicker option:selected").val('default');
$("#dataPicker").selectpicker("refresh");

Answer 1

没有“选项：已选择”

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

Answer 2

你可以用一行代码来减少额外的代码。

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

Answer 3

通过将 autocomplete 属性添加到 select-element 并将其设置为“ off” ，可以轻松解决此问题。

>

<select id="dataPicker" class="selectpicker form-control" autocomplete="off">
  <option value="default" selected="selected">Default</option>
  <option value="one">One</option>
  <option value="two">Two</option>
  <option value="three">Three</option>
</select>

单击按钮后如何重置Bootstrap-select的值

3 个答案: