<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>
点击下拉菜单按钮根据下拉框的值在当前页面显示不同的网页内容。
最新推荐文章于 2022-07-29 15:50:29 发布