（转帖）实现选择下拉框后 下面的页面根据选择的选项变化
转帖，主要内容来自http://bbs.csdn.net/topics/260016106
?
最近在做html5项目，主要是模仿surveymonkey做一个简单的调查问卷系统。本来以为会用到这个——通过选择下拉框来使下面的页面变化。但是后来发现由于做的比较简单，这个看起来是多此一举了。还是设计比较重要，如果早想好的话，也不用浪费一个上午。
?
这里记录下这个方法，以备后用。
?
<script> function cll(id){ if(id==1){ eval("div1.style.display="";"); eval("div2.style.display="none";");} else{ eval("div2.style.display="";"); eval("div1.style.display="none";");} } </script> <select name="state" onChange="cll(this.value)"> <option value="0">no</option> <option value="1">yes</option> </select><BR> <BR> <div id="div1"> text1 </div> <div id="div2"> text2 </div> ?以下是另外一种div隐藏和显示的方法，两种方法加起来就全了
<html><body><script>function show(){document.getElementById("div").style.display="";//alert(document.getElementById("div").style.display)}function hidden(){document.getElementById("div").style.display="none";//alert(document.getElementById("div").style.display)}</script><BODY><input name="name" type="button" onClick="show();" value="显示"><div id="div" style="display: none" onMouseout="hidden();">show it</div></BODY></HTML>?