下拉框的联动性 - JavaScript论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 JavaScript论坛』 → 下拉框的联动性

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 1080 人关注过本帖

标题：下拉框的联动性

只看楼主加入收藏

taoxinhui

等　级：新手上路
帖　子：71
专家分：0
注　册：2007-8-7

楼主

问题点数：0 回复次数：2

下拉框的联动性

请问，我想有两个下拉框，有一个 <select name="select">
    <option value="1">test</option>
    <option value="2">test1</option>
    <option value="3">test2</option>
  </select>
  </label>
当我选择test2的时候就显示<select name="select2">
    <option value="1">出现</option>
    <option value="2">出现2</option>
  </select>
当我不选择test2的时候就消失
<select name="select2">
    <option value="1">出现</option>
    <option value="2">出现2</option>
  </select>
请问如何来实现？

搜索更多相关主题的帖子: 联动性　

2008-12-03 10:50

sunfishy

等　级：论坛游侠
威　望：5
帖　子：311
专家分：163
注　册：2007-6-29

第 2 楼

得分:0

粗略如下：

<script>
function changplay(){
var sel=document.getElementById("select");
var selvar=sel.options[sel.selectedIndex].value;
document.getElementById("select2").style.display="none";
if(selvar==3){
document.getElementById("select2").style.display="block";
}
}
</script>
<body>
<select name="select" id="select" onchange="changplay();">
    <option value="1">test</option>
    <option value="2">test1</option>
    <option value="3">test2</option>
  </select>
<select name="select2" id="select2" style="display:none;">
    <option value="1">出现</option>
    <option value="2">出现2</option>
  </select>

.cn

2008-12-03 11:08

makebest

等　级：蝙蝠侠
威　望：3
帖　子：658
专家分：962
注　册：2005-3-17

第 3 楼

得分:0

楼上的正解, 还有更精简的

2008-12-03 11:45

快速回复：下拉框的联动性