Option selected Index Example : Option Select ComboBox : Form Control JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Form Control » Option Select ComboBox »

Option selected Index Example



    
<html>
<body>
<script>
function function1(colors) {
    var col = (colors.options[colors.selectedIndex].value);
    if (col) {
        document.bgColor = col; 
    } 
    alert("SelectedIndex value = "+col); 
} 
</script>
<form method="post" action="">
<select name="colors" onChange="function1(this);">
    <option value="white" selected>White</option>
    <option value="cyan">Cyan</option>
    <option value="ivory">Ivory</option>
    <option id="myO" value="blue">Blue</option>
    <option value="red">Red</option>
    <option value="lightblue">Lightblue</option>
    <option value="beige">Beige</option>
</select>
</form>