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

技术文章

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

时间：2010-05-25 点击：106

<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 异步页面查询实现代码(asp.net)

js 点击按钮弹出另一页，选择值后，返回到当前页

jquery的$(document).ready()和onload的加载顺序

网页前台通过js非法字符过滤代码(骂人的话等等)

jQuery select操作控制方法小结

> 返回

地址：上海市普陀区胶州路941号长久商务中心电话： QQ：

© Copyright 2012 上海网络 Product All Rights Reserved