通过form中的select控件改变DIV的显示与隐藏
一个页面里面有很多的DIV然后每当选择select中的一个值的时候，显示对应的一个DIV，其余的DIV隐藏。要支持火狐的谢谢了......
一个页面 里面有很多的DIV 然后每当选择select中的一个值的时候，显示对应的一个DIV，其余的DIV隐藏。
要支持火狐的 谢谢了... 展开
要支持火狐的 谢谢了... 展开
1个回答
展开全部
<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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
