select 控制网页内容隐藏于显示的实现代码
select 控制网页内容隐藏于显示的实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:functionsetChange(){if(document.f.selfs.value=="1"){document.all.tb1.s...

<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'>

方式1 方式1 方式1

</table>

<table id='tb2'>

方式2 方式2 方式2

</table>

</form>

判断方式也可以改为不等式

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类