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

26 css jquery twitter-bootstrap drop-down-menu bootstrap-select

我正在使用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>
Run Code Online (Sandbox Code Playgroud)

这是我的尝试,不起作用.关于它应该如何的任何想法?

$("#dataPicker option:selected").val('default');
$("#dataPicker").selectpicker("refresh");
Run Code Online (Sandbox Code Playgroud)

Ned*_*zić 56

没有"选项:选中"

$("#dataPicker").val('default');
$("#dataPicker").selectpicker("refresh");
Run Code Online (Sandbox Code Playgroud)

  • $( 'selectpicker ')selectpicker(' 刷新').用于重置页面上的选择器(我有几个,这是最好的选择). (4认同)

小智 13

您可以在一行中编写它,减少额外的代码.

$("#dataPicker").val('default').selectpicker("refresh");
Run Code Online (Sandbox Code Playgroud)