Wie macht man die erste Option von <select> mit jQuery ausgewählt

Question

Wie mache ich die erste Option der ausgewählten mit jQuery?

<select id="target">
  <option value="1">...</option>
  <option value="2">...</option>
</select>

Answer 1

$("#target").val($("#target option:first").val());

Answer 2

Das können Sie versuchen

$("#target").prop("selectedIndex", 0);

Answer 3

// remove "selected" from any options that might already be selected
$('#target option[selected="selected"]').each(
    function() {
        $(this).removeAttr('selected');
    }
);

// mark the first option as selected
$("#target option:first").attr('selected','selected');

Answer 4

Wenn Sie

$("#target").val($("#target option:first").val());

dies funktioniert nicht in Chrome und Safari, wenn der erste Optionswert Null ist.

Ich bevorzuge

$("#target option:first").attr('selected','selected');

weil sie in allen Browsern funktionieren kann.

Answer 5

Das Ändern des Wertes der Auswahleingabe oder das Anpassen des Attributs selected kann die Standardeigenschaft selectedOptions des DOM-Elements überschreiben, was dazu führt, dass ein Element in einem Formular, in dem das Reset-Ereignis aufgerufen wurde, möglicherweise nicht richtig zurückgesetzt wird.

Verwenden Sie die prop-Methode von jQuery, um die gewünschte Option zu löschen und zu setzen:

$("#target option:selected").prop("selected", false);
$("#target option:first").prop("selected", "selected");