点击下拉菜单按钮根据下拉框的值在当前页面显示不同的网页内容。

最新推荐文章于 2022-07-29 15:50:29 发布

qianjin_40

最新推荐文章于 2022-07-29 15:50:29 发布

阅读量8.9k

点赞数 2

分类专栏： js特效

本文链接：https://blog.csdn.net/qianjin_40/article/details/51140001

版权

js特效专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<HTML> 
<script language="javascript">  
 function a(obj)
 {     var _selectedvalue = obj.value; 
  if(_selectedvalue==''){     _selectedvalue = '-1';  } 
   for(i=1;i<=4;i++){  
     var divobj = document.getElementById('tb'+i);   
    if(parseInt(_selectedvalue)==i){       divobj.style.display = 'block';    }
 else{       divobj.style.display = 'none';  
   } 
    } 
      } 
  </script>
 <BODY>下拉：  
      <select id='selecttb' οnchange="a(this)">   
     <option value=''></option> 
      <option value='1'>1</option>  
     <option value='2'>2</option>  
     <option value='3'>3</option> 
      <option value='4'>4</option>  
      
      </select> 
        <div id="tb1" style='display:none'>    
      <table>   <tr><td>1</td></tr>  </table>   </div> 
       <div id="tb2" style='display:none'>  
       <table>   <tr><td>2</td></tr>  </table>   </div>  
      <div id="tb3" style='display:none'>   
      <table>   <tr><td>3</td></tr>  </table>   </div> 
      <div id="tb4" style='display:none'> 
        <table>   <tr><td>4</td></tr>  </table>   </div>  
      
       <table>   <tr><td>8</td></tr>  </table>   </div> 
       
 </BODY></HTML>

qianjin_40

关注

2
点赞
踩
12

收藏

觉得还不错? 一键收藏
1
评论
点击下拉菜单按钮根据下拉框的值在当前页面显示不同的网页内容。

function a(obj) { var _selectedvalue = obj.value; if(_selectedvalue==''){ _selectedvalue = '-1'; } for(i=1;i<=4;i++){ var divobj = document.getElementById('tb'+i); if(pa
复制链接

扫一扫