Triggering a Value Change from a Pop-Up Menu : Select « Form « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Form
  3. Select
<html> 
<head> 
<title>Color Changer 2</title> 
<script type="text/javascript"> 
function seeColor(list) { 
    var newColor = (list.options[list.selectedIndex].value); 
    if (newColor) { 
        document.bgColor = newColor; 
    } 
} 
</script> 
</head> 
<body onload="seeColor(document.getElementById('colorsList'))"> 
<form> 
<select name="colorsList" id="colorsList" onchange="seeColor(this)"> 
<option selected="selected" value=""></option> 
<option value="A">A</option> 
<option value="B">B</option> 
<option value="C">C</option> 
<option value="D">D</option> 
</select>
</form> 
</body> 
</html>








10.12.Select
10.12.1.Select
10.12.2.Select.blur()
10.12.3.Select.focus()
10.12.4.Select.form
10.12.5.Select.handleEvent()
10.12.6.Select.length
10.12.7.Select.name
10.12.8.Select.onBlur
10.12.9.Select.onChange
10.12.10.Select.onFocus
10.12.11.Select.options
10.12.12.Select.options.length
10.12.13.Select.options.selectedIndex
10.12.14.Select.options.value
10.12.15.Select.selectedIndex
10.12.16.Select.type
10.12.17.Triggering a Value Change from a Pop-Up Menu
10.12.18.Grouped selection control on change event