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>

<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