JavaScript: Setting the selected dropdown option by its index number

Long time no new entry. 🙂 Internship is keeping me very busy. In this blog entry I’ll show you how to select a drop down option by specifying its index number.

The JavaScript code:

document.getElementById("selectionDD").selectedIndex = 0;

The HTML code:

<select id="selectionDD" name="selectionDD">
     <option value="one">One</option>
     <option value="two">Two</option>
     <option value="three">Three</option>
</select>

Refer to the JavaScript code. The selectionDD is the id of the <select> tag. The value 0 represents the index number of the option that we want to be selected, and will select the first option in the selection. Note that the index numbers start with 0, not 1.

Related Posts:

Posts that may be related to "JavaScript: Setting the selected dropdown option by its index number":

Catzie

A Filipino programmer and baker. When I have time to spare, I blog, play video games, watch series (usually anime), cook dishes, draw, or spend a little time with pets. When I have the rare luxury of time, I get to travel and record song covers too! Running small-time online dessert shops Cookies PH and Catzie's Cakery.

3 comments on “JavaScript: Setting the selected dropdown option by its index number

 

Leave a Reply

Your email address will not be published. Required fields are marked *