Comment faire la première option de<select>sélectionné avec jQuery ?</select>

Question

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

Answer 1

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

Answer 2

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

Lorsque vous utilisez

Cela ne fonctionnera pas en Chrome et Safari si la première valeur de l’option a la valeur nulle.

Je préfère

parce qu’il peut travailler dans tous les navigateurs.

Answer 4

Modification de la valeur de l’entrée de sélection ou de réglage de l’attribut sélectionné peut remplacer la propriété selectedOptions par défaut de l’élément DOM, résultant en un élément qui peut ne réinitialise pas correctement dans un formulaire qui a été l’événement de réinitialisation appelé.

Utilisez méthode prop de jQuery afin de dégager et de définir l’option nécessaire :

Answer 5

$("#target")[0].selectedIndex = 0;