Using the selectedIndex Property : select option « Form « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Form
  3. select option
<html> 

<head> 
<title>Select Inspector</title> 
<script type="text/javascript"> 
function inspect(form) { 
    alert(form.colorsList.options[form.colorsList.selectedIndex].text); 
} 
</script> 
</head> 
<body> 
<form> 
<select name="colorsList"> 
<option selected="selected">Red</option> 
<option value="Plants">Green</option> 
<option>Blue</option> 
</select>
<input type="button" value="Show Selection" onclick="inspect(this.form)" />
</form> 
</body> 
</html>








10.13.select option
10.13.1.Find the selected option
10.13.2.Click button to navigate a selection in form option (combox)
10.13.3.Use the Option (combox) onChange event to navigate
10.13.4.Using the options[index].text Property
10.13.5.Using the options[index].value Property
10.13.6.Using the selectedIndex Property
10.13.7.Modifying optgroup Element Labels