作家
登录

select 控制网页内容隐藏于显示的实现代码

作者: 来源:www.28hudong.com 2013-03-30 01:34:14 阅读 我要评论

<script> function setChange() { if (document.f.selfs.value == "1") { document.all.tb1.style.display = "block"; } else { document.all.tb1.style.display = "none"; } if (document.f.selfs.value == "2") { document.all.tb2.style.display = "block"; } else { document.all.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> 判断方式也可以改为不等式

  推荐阅读

  Javascript笔记一 js以及json基础使用说明

JavaScript中的代码只体现为一种形式,就是function。 注意:以上单词都是小写的,不要和Number, String, Object, Function等JavaScript内置函数混淆,JavaScript语言是区分大小写。typeof(null)返回object,但nul>>>详细阅读


本文标题:select 控制网页内容隐藏于显示的实现代码

地址:http://www.17bianji.com/kaifa2/JS/26340.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)