So setzen Sie den Wert von Bootstrap-select nach dem Klicken auf die Schaltfläche zurück

Lesezeit: 1 Minute

Ich verwende das Bootstrap-Select-Plugin (https://silviomoreto.github.io/bootstrap-select/) für mein Dropdown-Auswahlfeld. Nachdem ich auf eine Schaltfläche geklickt habe, möchte ich, dass das Feld aktualisiert und die “ausgewählte” Option zurückgesetzt wird. Dies ist die Dropdown-Liste

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

Und das ist mein Versuch, es funktioniert nicht. Irgendwelche Ideen, wie es sein sollte?

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

Ohne “option:selektiert”

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

  • $(‘.selectpicker’).selectpicker(‘refresh’); funktioniert, um die Auswahl(en) auf der Seite zurückzusetzen (ich habe mehrere und dies war die beste Wahl).

    – Apps-n-Add-Ons

    12. März 2018 um 13:31 Uhr

Benutzer-Avatar
fauz_sp

Sie können es in einer einzigen Zeile schreiben, wodurch zusätzlicher Code reduziert wird.

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

Sie können dieses Problem leicht lösen, indem Sie die hinzufügen Autovervollständigung Attribut zu select-element und stelle es ein “aus”.

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

1229520cookie-checkSo setzen Sie den Wert von Bootstrap-select nach dem Klicken auf die Schaltfläche zurück

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy