Jquery : choisir une option dans un select

Il peut être utile de changer la valeur sélectionnée dans un select selon différents paramètres, par exemple une interaction de l’utilisateur.
Nous allons voir comment réaliser cette opération avec JQuery.

Prenons ce code :

<html>
<head>
    <!-- Inclusion de JQuery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
    <select id="exemple" name="exemple">
        <option value="val1">Valeur 1</option>
        <option value="val2">Valeur 2</option>
        <option value="val3">Valeur 3</option>
    </select>
</body>
</html>
Pour sélectionner “Valeur 2” :
$('#exemple option[value="val2"]').prop('selected', true);
Pour les anciennes versions de JQuery, il est plutôt recommandé d’utilisé cette méthode (version < 1.6)
$('#exemple option[value="val2"]').attr('selected', 'selected');
exemple représente l’id du select et val2 représente la value de l’option


Vous aimerez aussi

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *