Using the options[index].value Property : select option « Form « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Form
  3. select option
<html> 
<head> 
<title></title> 
<script type="text/javascript"> 
function seeColor(form) { 
    var newColor = (form.colorsList.options[form.colorsList.selectedIndex].value); 
    document.bgColor = newColor; 
} 
</script> 
</head> 
<body> 
<form> 
<select name="colorsList"> 
<option selected="selected" value="A">A</option> 
<option value="B">B</option> 
<option value="C">C</option> 
<option value="D">D</option> 
</select>
<input type="button" value="Change It" onclick="seeColor(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