HTML SELECT - Modifier l'option sélectionnée par la VALEUR en utilisant JavaScript

Question

Il peut y avoir de nombreuses options dans une liste déroulante SELECT.

<select id="sel">
    <option value="car">1</option>
    <option value="bike">2</option>
    <option value="cycle">3</option>
    ...
</select>

Je crée un Mise à jour du profil où le profil d'un utilisateur est extrait de la base de données et où un formulaire est affiché avec ces valeurs. Lorsqu'il s'agit de SELECT il existe de nombreuses options. Il est donc fastidieux de tester toutes les valeurs.

if (value == '1')
    echo "<option selected value='car'>1</option>";`

Je souhaite donc que l'option correspondante soit sélectionnée à partir de sa valeur. Par exemple, lorsque je fais quelque chose comme sel.value = 'bike' en utilisant JavaScript l'option 2 doit être sélectionné.

Answer 1

Vous pouvez sélectionner la valeur à l'aide de javascript :

document.getElementById('sel').value = 'bike';

DEMO

Answer 2

Si vous utilisez jQuery :

$('#sel').val('bike');

Answer 3

À essayer à l'adresse suivante : ....

JSFIDDEL DEMO

utiliser javascript

​document.getElementById('sel').value = 'car';​​​​​​​​​​

utiliser jQuery

$('#sel').val('car');

Answer 4

document.getElementById('drpSelectSourceLibrary').value = 'Seven';