js实现的二级联动
来源:网络 作者:佚名 点击:
次时间:2017-08-07 22:17
[摘要] js实现的二级联动,指引教程网推荐下载!站长必备的js网页特效及js广告代码,提供高质量js特效下载。<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0...
js实现的二级联动,指引教程网推荐下载!站长必备的js网页特效及js广告代码,提供高质量js特效下载。
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title> New Document </title>
- <meta name="Generator" content="EditPlus">
- <meta name="Author" content="">
- <meta name="Keywords" content="">
- <meta name="Description" content="">
- </head>
-
- <body>
- <select id="liandong1" onchange="change1(this.options.selectedIndex)" />
- <option>北方城市</option>
- <option>南方城市</option>
- </select>
- <select id="liandong2">
- <option>请选择</option>
- <option>东北</option>
- <option>西北</option>
- </select>
-
- <script type="text/javascript">
- <!--
- var groups=document.getElementById('liandong1').options.length;
- var group=new Array(groups);
- for (var i=0;i<groups;i++){
- group[i] = new Array();
- }
- group[0][0]="请选择";
- group[0][1]="东北";
- group[0][2]="西北";
-
- group[1][0]="请选择";
- group[1][1]="东南";
- group[1][2]="西南";
- group[1][3]="中原";
-
- var temp=document.getElementById("liandong2");
- function change1(x){
- for(var i=0; i < temp.options.length;i++){
- temp.options.remove(i);
- }
- for(i=0; i < group[x].length; i++){
- temp.options[i]=new Option(group[x][i],"");
- }
-
- }
-
-
- </script>
- </body>
- </html>
|
------分隔线----------------------------