HTML Javascript Select Action
I got a selection list:
Solution 1:
You really should probably bind this logic to the onchange event of the select itself, and not the click event of the individual options:
var myDiv = document.getElementById("myDiv");
document.getElementById("mySelect").onchange = function(){
myDiv.style.display = (this.selectedIndex == 0) ? "block" : "none";
}
When we bind it this way, we don't need to mix our HTML and our Javascript. Our HTML can look as simple as what follows:
<select id="mySelect" name="values">
<option>0</option>
<option>1</option>
<option>2</option>
</select>
<div id="myDiv">
<p>Select 0 to show me, otherwise I'm invisible!</p>
</div>
Online demo: http://jsbin.com/ijogi
Post a Comment for "HTML Javascript Select Action"