您的位置：首页 > Web前端 > JavaScript

js源码--简单的二级联动

2007-09-07 10:54 387 查看

<html>


<head>


<title>This is a test!</title>


<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>


<body>


<form name="frm">


<select id="s1" onChange="redirec(this.selectedIndex)">


<option selected>请选择</option>


<option value="1">脚本语言</option>


<option value="2">高级语言</option>


<option value="3">其他语言</option>


</select>




<select id="s2">


<option value="请选择" selected>请选择</option>


</select>


</form>


<script language="javascript">


var s1=document.getElementById("s1");


var s2=document.getElementById("s2");


var select2=new Array();


for (i=0; i<s1.length; 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(index)...{


s2.length=0;




for(i=0;i<select2[index].length;i++)...{


s2.options.add(select2[index][i])


}


s2.options[0].selected=true;


}


</script>


</body>


</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航