当前位置: 代码网 > it编程>编程语言>Javascript > select 控制网页内容隐藏于显示的实现代码

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

2024年05月18日 Javascript 我要评论
<script> function setchange() { if (document.f.selfs.value == "1") { document.all.tb1.style.di
<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>
判断方式也可以改为不等式
(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com