二级联动下拉列表JS+html实现
(2012-06-01 11:11:15)
例子：
This is a
test!
onChange=”redirec(document.frm.s1.options.selectedIndex)”>
selected>请选择
value=”1″>脚本语言
value=”2″>高级语言
value=”3″>其他语言
selected>请选择
//获取一级菜单长度
var select1_len = document.frm.s1.options.length;
var select2 = new Array(select1_len);
//把一级菜单都设为数组
for (i=0; i
{ select2[i] = new Array();}
//定义基本选项
select2[0][0] = new Option(“请选择”, ” “);
select2[1][0] = new Option(“PHP”, ” “);
select2[1][1] = new Option(“ASP”, ” “);
select2[1][2] = new Option(“JSP”, ” “);
select2[2][0] = new Option(“C/C++”, ” “);
select2[2][1] = new Option(“Java”, ” “);
select2[2][2] = new Option(“C#”, ” “);
select2[3][0] = new Option(“Perl”, ” “);
select2[3][1] = new Option(“Ruby”, ” “);
select2[3][2] = new Option(“Python”, ” “);
//联动函数
function redirec(x)
{
var temp = document.frm.s2;
for (i=0;i
{ temp.options[i]=new
Option(select2[x][i].text,select2[x][i].value);}
temp.options[0].selected=true;
}
分享：
喜欢
0
赠金笔
加载中，请稍候……
评论加载中，请稍候…
发评论
登录名： 密码： 找回密码 注册记住登录状态
昵 称：
评论并转载此博文
发评论
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。