单击按钮后如何重置引导选择的值

Posted 2023-03-05

【中文标题】单击按钮后如何重置引导选择的值

【英文标题】：How to reset value of Bootstrap-select after button click

【发布时间】：2017-06-12 12:27:27

【问题描述】：

我正在为我的下拉选择框使用 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");

【参考方案1】：

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

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

【参考方案2】：

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

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

【参考方案3】：

没有“option:selected”

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

【讨论】：

$('.selectpicker').selectpicker('refresh');用于重置页面上的选择器（我有几个，这是最好的选择）。