转帖,主要内容来自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>