Как сбросить значение Bootstrap-select после нажатия кнопки

Я использую плагин выбора Bootstrap (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");

drop-down-menu jquery css twitter-bootstrap bootstrap-select
person Community    schedule 26.01.2017    source источник

Ответы (3)


arrow_upward
78
arrow_downward

Без «вариант: выбран»

$("#dataPicker").val('default');
$("#dataPicker").selectpicker("refresh");
person Nedim Hozić    schedule 26.01.2017
comment
$ ('. selectpicker'). selectpicker ('обновить'); работает для сброса средств выбора на странице (у меня их несколько, и это был лучший выбор). - person Apps-n-Add-Ons; 12.03.2018

arrow_upward
22
arrow_downward

Вы можете написать это в одной строке, чтобы уменьшить лишний кусок кода.

$("#dataPicker").val('default').selectpicker("refresh");
person fauz_sp    schedule 04.06.2018

arrow_upward
1
arrow_downward

вы можете легко решить эту проблему, добавив атрибут 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>
person PeterPilz    schedule 09.09.2020