Comment réinitialiser la valeur de Bootstrap-select après un clic sur un bouton

Question

J'utilise le plugin Bootstrap-select ( https://silviomoreto.github.io/bootstrap-select/ ) pour ma liste de sélection déroulante. Après avoir cliqué sur un bouton, je souhaite que la zone soit actualisée et que l'option "sélectionnée" soit réinitialisée. C'est le menu déroulant

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

Et ceci est ma tentative, cela ne fonctionne pas. Des idées sur comment cela devrait être?

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

Answer 1

Sans "option: sélectionné"

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

Answer 2

Vous pouvez l'écrire sur une seule ligne, ce qui réduit le code supplémentaire.

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