表单中的下拉菜单选择显示不同内容
<selectsize="1"name="D1"><optionvalue="111"selected="selected">111</option><optionval...
<select size="1" name="D1">
<option value="111" selected="selected">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>111内容444222内容555333内容666我选哪个就出现对应的内容,内容可以我自己定义..比较表格啊.或者图片什么的 展开
<option value="111" selected="selected">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>111内容444222内容555333内容666我选哪个就出现对应的内容,内容可以我自己定义..比较表格啊.或者图片什么的 展开
1个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function test(Names){
var Name
for (var i=1;i<4;i++){
var tempname="mune_x"+i
var NewsHot="x"+i
if (Names==tempname){
Nnews=document.getElementById(NewsHot)
Nnews.style.display='';
}else{
Nnews=document.getElementById(NewsHot)
Nnews.style.display='none';
}
}
}
</script>
</head><body>
<select size="1" name="D1" onChange="javascript:test('mune_x'+this.value)">
<option value="1" selected="selected">111</option>
<option value="2">222</option>
<option value="3">333</option>
</select>
<div id="x1" style="display:block;">111内容444</div>
<div id="x2" style="display:none;">222内容555</div>
<div id="x3" style="display:none;">333内容666</div></body>
</html>
原理就是这样,我已经本地测试好了再按照你的需求改下就可以了祝您成功 春节快乐www.nohack8.cn
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function test(Names){
var Name
for (var i=1;i<4;i++){
var tempname="mune_x"+i
var NewsHot="x"+i
if (Names==tempname){
Nnews=document.getElementById(NewsHot)
Nnews.style.display='';
}else{
Nnews=document.getElementById(NewsHot)
Nnews.style.display='none';
}
}
}
</script>
</head><body>
<select size="1" name="D1" onChange="javascript:test('mune_x'+this.value)">
<option value="1" selected="selected">111</option>
<option value="2">222</option>
<option value="3">333</option>
</select>
<div id="x1" style="display:block;">111内容444</div>
<div id="x2" style="display:none;">222内容555</div>
<div id="x3" style="display:none;">333内容666</div></body>
</html>
原理就是这样,我已经本地测试好了再按照你的需求改下就可以了祝您成功 春节快乐www.nohack8.cn
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
