select 控制显示隐藏

<script>  
  function   setChange()  
  {  
  if   (document.f.selfs.value   ==   "1")    
  {                          
  tb1.style.display   =   "block";                  
  }                  
  else    
  {                          
      tb1.style.display   =   "none";                  
  }  
                    if   (document.f.selfs.value   ==   "2")    
  {                          
  tb2.style.display   =   "block";                  
  }                  
  else    
  {                          
      tb2.style.display   =   "none";                  
  }        
  }  
   
  </script>  
  <form   name=f>  
   
  <select   name="selfs"   size="1   onchange="setChange()">  
      <option   selected>选择方式</option>  
      <option   value="1">方式1</option>  
      <option   value="2">方式2</option>  
  </select>  
   
   
  <table   id='tb1'   style='DISPLAY:none'>  
  方式1     方式1     方式1  
  </table>    
   
  <table   id='tb2'   style='DISPLAY:none'>  
  方式2   方式2   方式2  
  </table>  
  </form>