The index property returns the index position of an option in a dropdown
list.
Syntax
optionObject.index
Example
The following example returns the index of the selected option in a dropdown list:
<html>
<head>
<script type="text/javascript">
function alertIndex()
{
var x=document.getElementById("mySelect").selectedIndex;
var y=document.getElementsByTagName("option");
alert(y[x].text + " has the index of: " + y[x].index);
}
</script>
</head>
<body>
<form>
Select your favorite fruit:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
<br />
<br />
<input type="button" onclick="alertIndex()"
value="Show index of the chosen fruit">
</form>
W3Schools is for training only. We do not warrant the correctness of its content.
The risk from using it lies entirely with the user.
While using this site, you agree to have read and accepted our
terms of use and
privacy policy. Copyright 1999-2009 by Refsnes Data. All Rights Reserved.
Complete Option Object Reference
