HTML SELECT - Change l'option sélectionnée par VALUE en utilisant JavaScript

Question

Il peut y avoir beaucoup d'options dans un menu déroulant SELECT.

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

Je crée une page Update Profile dans laquelle le profil d'un utilisateur est extrait de la base de données et un formulaire est affiché avec ces valeurs. En ce qui concerne SELECTdropdown, les options sont nombreuses. Donc, son test fastidieux toutes les valeurs

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

Donc, je veux avoir l'option correspondante sélectionnée à partir de sa valeur. Comme lorsque je fais quelque chose comme sel.value = 'bike' en utilisant JavaScript, l'option 2 devrait être sélectionnée.

Answer 1

Vous pouvez sélectionner la valeur en utilisant javascript:

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

DÉMO

Answer 2

Si vous utilisez jQuery:

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

Answer 3

essayez ceci ....

JSFIDDLE DEMO

en utilisant javascript

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

en utilisant jQuery

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

Answer 4

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