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

Question

我正在为我的下拉 select 框使用 Bootstrap-select 插件 (https://silviomoreto.github.io/bootstrap-select/)。单击按钮后，我希望框刷新并重置 "selected" 选项。这是下拉菜单

<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

没有"option:selected"

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

Answer 2

您可以将其写在一行中，减少额外的代码。

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

Answer 3

在select-element中添加autocomplete属性并设置为[=13]就可以轻松解决这个问题=]"关闭".

<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 的值

How to reset value of Bootstrap-select after button click

jquery

css

twitter-bootstrap

drop-down-menu

bootstrap-select