当前位置:首页 > 网站制作 > JavaScript教程 > select 控制网页内容隐藏和显示

网页select select 控制网页内容隐藏和显示

2017-01-06 | 来源:网络 | 关键字: 网页select select显示隐藏
select 控制网页内容隐藏和显示<script> function setChange() { if (document.f.selfs.value == "1") { document.all.

select 控制网页内容隐藏和显示

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

来源:www.corange.cn

评论

评论数10

表情
发表评论
网友评论仅供其表达个人看法,并不表明网易立场。
《select 控制网页内容隐藏和显示》更多评论

阅读下一篇

JavaScript实现一个很轻量的动画库效果

JS动画,实质是对DOM样式的改变。只要把主流浏览器DOM元素的属性方法搞清楚,做JS动画并不算难。网上也有很多封装好的JS动画库,但大多因为功能过于完善,而至于代码量大动辄过千行,不宜在小项目中使用 ... 查看全文

返回JavaScript教程 返回网站首页