javaScript下拉列表框问题
html页面有4个下拉列表框1为北京上海南京天津2为北京南京天津3为北京南京天津4为北京上海南京天津如何用JavaScript实现当选择1为北京时2和3为北京4为上海，当...
html页面有4个下拉列表框
1为 北京 上海 南京 天津
2为 北京 南京 天津
3为 北京 南京 天津
4为 北京 上海 南京 天津
如何用JavaScript实现当选择1为北京时2和3为北京 4为上海，当选择1为上海的时候 2和3为北京 4为上海 ，当选择1为南京时2 3 4都为南京，选1为天津时，2 3 4都为天津
谢谢，都很好，不知道该给谁，我还是给先来的吧，谢谢了。。。 展开
1为 北京 上海 南京 天津
2为 北京 南京 天津
3为 北京 南京 天津
4为 北京 上海 南京 天津
如何用JavaScript实现当选择1为北京时2和3为北京 4为上海，当选择1为上海的时候 2和3为北京 4为上海 ，当选择1为南京时2 3 4都为南京，选1为天津时，2 3 4都为天津
谢谢，都很好，不知道该给谁，我还是给先来的吧，谢谢了。。。 展开
2个回答
展开全部
是这样的吗?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>
New Document
</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="javascript">
var $ = function(id) {
return document.getElementById(id);
}
</script>
</head>
<body>
<select onchange="change(this)" id="select1">
<option>
北京
</option>
<option>
上海
</option>
<option>
南京
</option>
<option>
天津
</option>
</select>
<select id="select2">
<option>
北京
</option>
<option>
南京
</option>
<option>
天津
</option>
</select>
<select id="select3">
<option>
北京
</option>
<option>
南京
</option>
<option>
天津
</option>
</select>
<select id="select4">
<option>
北京
</option>
<option>
上海
</option>
<option>
南京
</option>
<option>
天津
</option>
</select>
</body>
<script>
var select2=$('select2');
var select3=$('select3');
var select4=$('select4');
function change(obj) {
if (obj.selectedIndex == 0 || obj.selectedIndex == 1) {
select2.selectedIndex = select3.selectedIndex = 0;
select4.selectedIndex = 1;
} else if (obj.selectedIndex == 2) {
select2.selectedIndex = select3.selectedIndex = 1;
select4.selectedIndex = 2;
} else {
select2.selectedIndex = select3.selectedIndex = 2;
select4.selectedIndex = 3;
}
}
</script>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>
New Document
</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="javascript">
var $ = function(id) {
return document.getElementById(id);
}
</script>
</head>
<body>
<select onchange="change(this)" id="select1">
<option>
北京
</option>
<option>
上海
</option>
<option>
南京
</option>
<option>
天津
</option>
</select>
<select id="select2">
<option>
北京
</option>
<option>
南京
</option>
<option>
天津
</option>
</select>
<select id="select3">
<option>
北京
</option>
<option>
南京
</option>
<option>
天津
</option>
</select>
<select id="select4">
<option>
北京
</option>
<option>
上海
</option>
<option>
南京
</option>
<option>
天津
</option>
</select>
</body>
<script>
var select2=$('select2');
var select3=$('select3');
var select4=$('select4');
function change(obj) {
if (obj.selectedIndex == 0 || obj.selectedIndex == 1) {
select2.selectedIndex = select3.selectedIndex = 0;
select4.selectedIndex = 1;
} else if (obj.selectedIndex == 2) {
select2.selectedIndex = select3.selectedIndex = 1;
select4.selectedIndex = 2;
} else {
select2.selectedIndex = select3.selectedIndex = 2;
select4.selectedIndex = 3;
}
}
</script>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function a(choose)
{
if(choose.value=='beijing')
{
document.getElementById("2").value="beijing";
document.getElementById("3").value="beijing";
document.getElementById("4").value="shanghai";
}
if(choose.value=='shanghai')
{
document.getElementById("2").value="beijing";
document.getElementById("3").value="beijing";
document.getElementById("4").value="shanghai";
}
if(choose.value=='nanjing')
{
document.getElementById("2").value="nanjing";
document.getElementById("3").value="nanjing";
document.getElementById("4").value="nanjing";
}
if(choose.value=='tianjin')
{
document.getElementById("2").value="tianjin";
document.getElementById("3").value="tianjin";
document.getElementById("4").value="nanjing";
}
}
这可是自己编写的哦！再 select标签的onchange（this）事件调用一个上面这个函数就可以了
呵呵。。辛苦哦。给分谢谢
{
if(choose.value=='beijing')
{
document.getElementById("2").value="beijing";
document.getElementById("3").value="beijing";
document.getElementById("4").value="shanghai";
}
if(choose.value=='shanghai')
{
document.getElementById("2").value="beijing";
document.getElementById("3").value="beijing";
document.getElementById("4").value="shanghai";
}
if(choose.value=='nanjing')
{
document.getElementById("2").value="nanjing";
document.getElementById("3").value="nanjing";
document.getElementById("4").value="nanjing";
}
if(choose.value=='tianjin')
{
document.getElementById("2").value="tianjin";
document.getElementById("3").value="tianjin";
document.getElementById("4").value="nanjing";
}
}
这可是自己编写的哦！再 select标签的onchange（this）事件调用一个上面这个函数就可以了
呵呵。。辛苦哦。给分谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
