两个关联的select下拉列表
怎么实现两个关联的select下拉列表最好简单一点，例如用JavaScript写当第一个下拉列表选择第一项时，第二个下拉列表不可用第一个下拉列表选择一项，第二个下拉列表对...
怎么实现两个关联的select下拉列表最好简单一点，例如用JavaScript写当第一个下拉列表选择第一项时，第二个下拉列表不可用第一个下拉列表选择一项，第二个下拉列表对应有几项能给个简单的例子最好，两个下拉列表项数不用太多。谢谢
展开
2个回答
展开全部
下面是我以前做的一个简单的级联菜单，使用数组保存的数据：<html>
<head>
<script language="javascript">
function changeProvince(){
with(document.myForm){
var countrys = new Array();
countrys["0"] = ["--请选择所在省份和地区--"];
countrys["中国"] = ["四川","陕西","福建","湖南","甘肃","西藏"];
countrys["美国"] = ["华盛顿","密西西比","芝加哥","费城"];
var value = country.value;
province.options.length = 0;
var option;
for(i = 0;i < countrys[value].length;i++){
option = new Option(countrys[value][i],countrys[value][i]);
province.options.add(option);
}
if(country.value == "0")
province.disabled = true;
else
province.disabled = false;
}
}
</script>
</head>
<body>
<form method="post" action="" name="myForm">
<div>
国家：<select name="country" onChange="changeProvince()">
<option value="0">--请选择所属国家--</option>
<option value="中国">中国</option>
<option value="美国">美国</option>
</select>
</div>
<div>省份/地区：<select name="province">
<option>--请选择所在省份和地区--</option>
</select>
</div>
</form>
</body>
</html>
<head>
<script language="javascript">
function changeProvince(){
with(document.myForm){
var countrys = new Array();
countrys["0"] = ["--请选择所在省份和地区--"];
countrys["中国"] = ["四川","陕西","福建","湖南","甘肃","西藏"];
countrys["美国"] = ["华盛顿","密西西比","芝加哥","费城"];
var value = country.value;
province.options.length = 0;
var option;
for(i = 0;i < countrys[value].length;i++){
option = new Option(countrys[value][i],countrys[value][i]);
province.options.add(option);
}
if(country.value == "0")
province.disabled = true;
else
province.disabled = false;
}
}
</script>
</head>
<body>
<form method="post" action="" name="myForm">
<div>
国家：<select name="country" onChange="changeProvince()">
<option value="0">--请选择所属国家--</option>
<option value="中国">中国</option>
<option value="美国">美国</option>
</select>
</div>
<div>省份/地区：<select name="province">
<option>--请选择所在省份和地区--</option>
</select>
</div>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
