HTML SELECT - change the selected option using VALUE using JavaScript

Question

There can be many parameters in the SELECT drop-down list.

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

I am creating an update profile page in which a user profile is retrieved from the database and the form is displayed with these values. When it comes to the SELECT dropdown, there are many options. So, his tedious test for all values

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

So, I want the appropriate option to be selected from its value. For example, when I do something like sel.value = 'bike' using JavaScript, select option 2 .

Answer 1

You can select a value using JavaScript:

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

Demo

Answer 2

If you are using jQuery:

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

Answer 3

try it....

JSFIDDEL DEMO

using javascript

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

using jQuery

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

Answer 4

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