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

3gtaxfhh 于 2023-03-10 发布在 Bootstrap

关注(0)|答案(4)|浏览(165)

我正在使用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");

twitter-bootstrap

来源：https://stackoverflow.com/questions/41883537/how-to-reset-value-of-bootstrap-select-after-button-click

4条答案

按热度按时间

ztigrdn81#

没有“选项：选定”

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

赞(0）回复(0）举报 2023-03-10

35g0bw712#

你可以把它写在一行代码中，这样就减少了额外的代码.

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

赞(0）回复(0）举报 2023-03-10

yvfmudvl3#

你可以很容易地解决这个问题，方法是在select-element中添加autocomplete属性，并将其设置为**“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>

赞(0）回复(0）举报 2023-03-10

hrysbysz4#

引导选择5使用$('.selectpicker').selectpicker('deselectAll')

赞(0）回复(0）举报 2023-03-10