HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

Select selectedIndex Property

Select Object Reference Select Object

Example

Select the <option> element with index "2":

document.getElementById("mySelect").selectedIndex="2";

Try it yourself »

Definition and Usage

The selectedIndex property sets or returns the index of the selected option in a drop-down list.

The index starts at 0.

Note: If the drop-down list allows multiple selections it will only return the index of the first option selected.


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The selectedIndex property is supported in all major browsers.


Syntax

Return the selectedIndex property:

selectObject.selectedIndex

Set the selectedIndex property:

selectObject.selectedIndex=number

Property Values

Value Description
number Specifies the index of the selected option in a drop-down list

Technical Details

Return Value: A Number, representing the index of the selected option in the drop-down list. The index starts at 0


More Examples

Example

Display the index and text of the selected option in a drop-down list:

var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);

Try it yourself »


Select Object Reference Select Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE