通过option来控制另外一个盒子的显示隐藏

  雯雯木今天给大家分享个小的功能通过一个option的value值来决定另一个div或者select显示还是消失!

body里的内容：

<div class="warnring_text1">

          是否报警：
          <select name="sel" id="sel" οnchange="javascript:doit();">
          <option value="0">是</option>
          <option value="1">否</option>
          </select>
          </div>
          
          <div class="warnring_text2" id="a1" style="display:block;">
          报警方式：
          <select>
          <option value="">邮件报警</option>
          <option value="">手机报警</option>
          </select>

          </div>

js的代码：

         <script language="javascript"> 
 function $(obj){
 return document.getElementById(obj);
 } 
 function show(objid){
 $(objid).style.display='inline';
 } 
 function hidden(objid) {
 $(objid).style.display='none';
 } 
 function doit(){ 
 var sel_val=$('sel').value; 
 if (sel_val==0) {show('a1');} 
 if (sel_val==1) {hidden('a1');} 
 } 

</script> 

觉得有用的话，给顶一下哈