JS三级联动下拉框怎么做？我这有两级的。求代码
求大神代码.三级联动的。最好是修改我下面的代码，分全给你们了.<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//E...
求大神代码.三级联动的。最好是修改我下面的代码，分全给你们了.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS三级联动</title>
</head>
<body>
<form name="frm">
<select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)">
<option selected>请选择</option>
<option value="1">城</option>
<option value="2">县</option>
<option value="3">区</option>
</select>
<select name="s2">
<option value="请选择" selected>请选择</option>
</select>
</form>
<script language="javascript">
//获取一级菜单长度
var select1_len = document.frm.s1.options.length;
var select2 = new Array(select1_len);
//把一级菜单都设为数组
for (i=0; i<select1_len; i++)
{ select2[i] = new Array();}
//定义基本选项
select2[0][0] = new Option("请选择", " ");
select2[1][0] = new Option("城1", " ");
select2[1][1] = new Option("城2", " ");
select2[1][2] = new Option("城3", " ");
select2[2][0] = new Option("县1", " ");
select2[2][1] = new Option("县2", " ");
select2[2][2] = new Option("县3", " ");
select2[3][0] = new Option("区1", " ");
select2[3][1] = new Option("区2", " ");
select2[3][2] = new Option("区3", " ");
//联动函数
function redirec(x)
{
var temp = document.frm.s2;
for (i=0;i<select2[x].length;i++)
{ temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);}
temp.options[0].selected=true;
}
</script>
</body>
</html> 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS三级联动</title>
</head>
<body>
<form name="frm">
<select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)">
<option selected>请选择</option>
<option value="1">城</option>
<option value="2">县</option>
<option value="3">区</option>
</select>
<select name="s2">
<option value="请选择" selected>请选择</option>
</select>
</form>
<script language="javascript">
//获取一级菜单长度
var select1_len = document.frm.s1.options.length;
var select2 = new Array(select1_len);
//把一级菜单都设为数组
for (i=0; i<select1_len; i++)
{ select2[i] = new Array();}
//定义基本选项
select2[0][0] = new Option("请选择", " ");
select2[1][0] = new Option("城1", " ");
select2[1][1] = new Option("城2", " ");
select2[1][2] = new Option("城3", " ");
select2[2][0] = new Option("县1", " ");
select2[2][1] = new Option("县2", " ");
select2[2][2] = new Option("县3", " ");
select2[3][0] = new Option("区1", " ");
select2[3][1] = new Option("区2", " ");
select2[3][2] = new Option("区3", " ");
//联动函数
function redirec(x)
{
var temp = document.frm.s2;
for (i=0;i<select2[x].length;i++)
{ temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);}
temp.options[0].selected=true;
}
</script>
</body>
</html> 展开
2个回答
展开全部
你的代码个人感觉略有歧义，很多地方做的不太好
比如：数据的存储，元素的渲染。。。。不过逻辑是对的
网上随便找的，自己可以看看
追问
新手.....大神可以帮忙下吗，加个select，三级联动。网上的都看不懂。。。
追答
我看了找的代码，蛮简单的，看不懂的地方提出来，我可以给你加个注释或者一起讨论下
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
