通过form中的select控件改变DIV的显示与隐藏

一个页面里面有很多的DIV然后每当选择select中的一个值的时候,显示对应的一个DIV,其余的DIV隐藏。要支持火狐的谢谢了...... 一个页面 里面有很多的DIV 然后每当选择select中的一个值的时候,显示对应的一个DIV,其余的DIV隐藏。
要支持火狐的 谢谢了...
展开
 我来答
lxs_lingting
推荐于2016-01-06 · TA获得超过990个赞
知道小有建树答主
回答量:899
采纳率:100%
帮助的人:514万
展开全部
<style>
div{ width:100px; height:100px; background-color:#6699CC}
</style>
<body>
<div id="d_1" style="display:none">d_1 div</div>
<div id="d_2" style="display:none">d_2 div</div>
<div id="d_3" style="display:none">d_3 div</div>
<select name="sel" id="sel" onchange="sel_div(this)">
<option value="请选择">请选择</option>
<option value="d_1">div1</option>
<option value="d_2">div2</option>
<option value="d_3">div3</option>
</select>
</body>
<script>
function sel_div(t)
{
for(var i=1;i<t.length;i++)
{
document.getElementById(t.options[i].value).style.display="none";
}
if(t.value!="请选择")
{
document.getElementById(t.value).style.display="block";
}
}
</script>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式