jquery-select-option

Sélectionner une option dans un select avec jQuery

jQuery permet de modifier la valeur sélectionnée dans une liste déroulante <select>

Il est possible de sélectionner l’option via 2 méthodes. Soit par la valeur de l’option soit par sa position dans la liste.

Prenons par exemple le code suivant.

<select name="type-de-bien">
    <option value="">- choix du bien -</option>
    <option value="maison">Maison</option>
    <option value="appartement">Appartement</option>
    <option value="garage">Garage</option>
</select>
<button id="select-appartement-valeur">Sélectionnez l'option Appartement via sa valeur</button>
<button id="select-appartement-position">Sélectionnez l'option Appartement via sa position</button>

Sélectionner l’option via sa valeur

$('#select-appartement-valeur').on("click", function(){
    $('select[name=type-de-bien] option[value="appartement"]').prop('selected', true);
});

Sélectionner l’option via sa position

$('#select-appartement-position').on("click", function(){
    $('select[name=type-de-bien] option:eq(2)').prop('selected', true);
});