Dilip Raj Baral Dilip Raj Baral - 6 months ago 12
HTML Question

HTML SELECT - Change selected option by VALUE using JavaScript

There can be many options in a SELECT combobox.

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


I'm creating a Update Profile page where a user's profile is retrieved from the database and a form is shown with those values. When it comes to
SELECT
Combo Box, there are many options. So, its hectic and tedious test all values

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


So, I want to have the corresponding option selected from its value. Like when I do something like
sel.value = 'bike'
using JavaScript the option 2 should be selected.

Answer

You can select the value using javascript:

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

DEMO