jquery - multiple - Cómo restablecer el valor de Bootstrap-select después de hacer clic en el botón

selectpicker refresh

Question

Estoy usando el complemento Bootstrap-select ( https://silviomoreto.github.io/bootstrap-select/ ) para mi cuadro de selección desplegable. Después de hacer clic en un botón, quiero que el cuadro se actualice y la opción "seleccionada" se restablezca. Este es el desplegable.

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

Y este es mi intento de hacerlo, no funciona. ¿Alguna idea sobre cómo debería ser?

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

Answer 1

Puede escribirlo en una sola línea para reducir el código adicional.

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

Answer 2

Sin "opción: seleccionado"

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