这个效果用js能实现吗


<html>
<script language="JavaScript">
function show(){
if (form1.select.value=="1") Layer1.style.visibility="visible";
if (form1.select.value=="2") Layer2.style.visibility="visible";
if (form1.select.value=="3") {Layer1.style.visibility="hidden";Layer2.style.visibility="hidden";}
} 
</script> 
<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<select name="select" onChange="show()">
<option selected>select</option>
<option value="1">show layer1</option>
<option value="2">show layer2</option>
<option value="3">hide all</option>
</select>
</form>
<div id="Layer1" style="position:absolute; left:100px; top:30px; width:160px; height:45px; z-index:1; visibility: hidden; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000">the 
  layer1 </div>
<div id="Layer2" style="position:absolute; left:100px; top:80px; width:179px; height:33px; z-index:2; visibility: hidden; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000">the 
  layer2 </div>
</body>
</html> 
不知道你想要的是不是这样效果，选什么显示什么你会吧。innerHtml

解决方案 »

  1.   

    <html>
        <head>
            <title></title>
            <script type="text/javascript">
                function handleEvent(oEvent) {

    var checkBoxObj = document.getElementById("aa") ;

                    var oTextbox = document.getElementById("txt1");

                    oTextbox.value += "\n>" + checkBoxObj.value; 

    }
            </script>
        </head>
    <body>
    <input type="checkbox" name="checkbox" value="值在这" onClick="handleEvent(event)" id="aa">aa</input>
    <textarea id="txt1" rows="15" cols="50"></textarea>
    </body>
    </html>
      

  2.   

    I 服了 YOU如果obj.checked == true就增加一个，反之就减一个。
      

  3.   

    这个不算灌水吧？很久没来CSDN了,也罢这样也轻松
      

  4.   


      var oTextbox = document.getElementById("txt1");    for(var i=0;i<document.表单名.elements.length;i++){    var e=document.表单名.elements[i];    if(e.checked=!e.checked){      oTextbox.value += "\n>" + checkBoxObj.value;    }else{      oTextbox.value -= "\n>" + checkBoxObj.value;    }  }
      

  5.   

    用jquery解决了。
    谢谢大家