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






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

<head> 
<title>Color Changer 1</title> 
<script type="text/javascript"> 
function seeColor(form) { 
    var newColor = (form.colorsList.options[form.colorsList.selectedIndex].text); 
    document.bgColor = newColor; 
} 
</script> 
</head> 
<body> 
<form> 
<select name="colorsList"> 
    <option selected="selected">Gray</option> 
    <option>Yellow</option> 
    <option>Black</option> 
    <option>Red</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