Der beste Weg, um ein & lt; select & gt; in jQuery?

<select size="2">
<option selected="selected">Input your option</option>
<option>Input your option</option>
</select>

Was ist der beste Weg, die Verwendung von jQuery, elegant deaktivieren Sie die option?

InformationsquelleAutor der Frage user198729 | 2009-12-07

  1. 288

    Verwenden removeAttr...

    $("option:selected").removeAttr("selected");

    Oder Prop

    $("option:selected").prop("selected", false)

    InformationsquelleAutor der Antwort Ei Maung

  2. 133

    Gibt es viele Antworten hier, aber leider alle von Ihnen sind sehr alt und daher verlassen Sie sich auf attr/removeAttr das ist wirklich nicht der Weg zu gehen.

    @coffeeyesplease richtig erwähnt, dass ein guter cross-browser-Lösung ist die Verwendung 

    $("select").val([]);

    Andere gute cross-browser-Lösung ist 

    //Note the use of .prop instead of .attr
$("select option").prop("selected", false);

    Können Sie es sehen, führen Sie einen Selbsttest hier. Getestet auf IE 7/8/9, FF 11, Chrome 19.

    InformationsquelleAutor der Antwort Jon

  3. 21

    Es ist schon eine Weile her seitdem die Frage gestellt, und ich habe es nicht getestet, auf älteren Browsern, aber es scheint mir eine viel einfachere Antwort ist 

    $("#selectID").val([]);

    .val() funktioniert für Sie gut http://api.jquery.com/val/

    InformationsquelleAutor der Antwort coffeeyesplease

  4. 18

    Antworten bisher nur arbeiten für mehrere wählt im IE6/7; für die am häufigsten verwendeten nicht-multi wählen, die Sie verwenden müssen:

    $("#selectID").attr('selectedIndex', '-1');

    Erklärt ist das in dem post verlinkte von flyfishr64. Wenn Sie es betrachten, werden Sie sehen, wie es gibt 2 Fälle - multi /nicht-multi. Es gibt nichts stoppen Sie die Veränderung sowohl für eine komplette Lösung:

    $("#selectID").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");

    InformationsquelleAutor der Antwort thetoolman

  5. 16

    Einfachste Methode

    $('select').val('')

    Habe ich einfach diese verwendet auf die wählen Sie selbst und es hat den trick.

    Ich bin auf jQuery 1.7.1.

    InformationsquelleAutor der Antwort Joshua Pinter

  6. 5

    Einer schnellen google gefunden dieser Beitrag, die beschreibt, wie das zu tun, was Sie möchten, sowohl für Einzel-und mehrfach-Auswahl-Listen in den IE. Die Lösung scheint ziemlich elegant als auch:

    $('#clickme').click(function() {
        $('#selectmenu option').attr('selected', false);

});

    InformationsquelleAutor der Antwort Jeff Paquette

  7. 5
    $("#selectID option:selected").each(function(){
  $(this).removeAttr("selected");
});

    Dies würde Durchlaufen, jedes Element und deaktivieren Sie die nur diejenigen, die geprüft werden

    InformationsquelleAutor der Antwort DinoMyte

  8. 4

    Oh jquery.

    Da gibt es noch eine native javascript-Ansatz, ich fühle die Notwendigkeit, zur Verfügung zu stellen.

    var select = document.querySelector('select'); //hopefully you'll use a better selector query
select.selectedIndex = 0; //or -1, 0 sets it to first option, -1 selects no options

    Und nur um Ihnen zu zeigen, wie viel schneller diese ist: benchmark

    InformationsquelleAutor der Antwort Blaine Kasten

  9. 3
    $(option).removeAttr('selected') //replace 'option' with selected option's selector

    InformationsquelleAutor der Antwort Brandon H

  10. 2
    $("option:selected").attr("selected", false);

    InformationsquelleAutor der Antwort Charlie Brown

  11. 2

    Vielen Dank für die Lösung.

    Die Lösung für single-choice-combo-Liste funktioniert perfekt. Ich fand das nach der Suche auf vielen Websites.

    $("#selectID").attr('selectedIndex', '-1').children("option:selected").removeAttr("selected");

    InformationsquelleAutor der Antwort Madeswaran Govindan

  12. 1

    In der Regel, wenn ich eine wählen Sie im Menü jede option hat einen zugeordneten Wert haben.
    Zum Beispiel

    <select id="nfl">
  <option value="Bears Still...">Chicago Bears</option>
  <option selected="selected" value="Go Pack">Green Bay Packers</option>
</select>
console.log($('#nfl').val()) logs "Go Pack" to the console
Set the value to an empty string $('#nfl').val("")
console.log($('#nfl').val()) logs "" to the console

    Nun diese nicht entfernt das ausgewählte Attribut aus der option, aber ich wirklich wollen, ist der Wert.

    InformationsquelleAutor der Antwort jtaz

  13. 1

    Eine weitere einfache Möglichkeit:

    $("#selectedID")[0].selectedIndex = -1

    InformationsquelleAutor der Antwort Rafael

Schreibe einen Kommentar