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:
<selectid="mySelect"name="values"><option>0</option><option>1</option><option>2</option></select><divid="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"