求js 城市4联动下拉框

[bnabinge]

求js 城市4联动下拉框

如：国家,省，城市，区，
这样子。

html+js的

谢谢老大门呀。我在网上找的是 不要数据库的。

QQ59965221

[MagicError]

ajax查数据库去吧还是。。

[lzj34]

<script langauge="javascript">
   var _Array = [];
   _Array[_Array.length] = ['中国', ['北京', ['北京', '红灯区', '绿灯区'], ['aaa22', 'aaaa333', 'aaaa444']], ['江西', ['aaa33', 'aaaa555', 'aaaa666'], ['aaa44', 'aaaa777', 'aaaa888']]];
   _Array[_Array.length] = ['美国', ['bb1', ['bbb11', 'bbbb111', 'bbbb222'], ['bbb22', 'bbbb333', 'bbbb444']], ['bb2', ['bbb33', 'bbbb555', 'bbbb666'], ['bbb44', 'bbbb777', 'bbbb888']]];
   _Array[_Array.length] = ['朝鲜', ['cc1', ['ccc11', 'cccc111', 'cccc222'], ['ccc22', 'cccc333', 'cccc444']], ['cc2', ['ccc33', 'cccc555', 'cccc666'], ['ccc44', 'cccc777', 'cccc888']]];
         
   function chgI(){
      var SelI = document.all('SelI');
      var SelII = document.all('SelII');
      var ValueI = SelI.options[SelI.selectedIndex].value;
      for(var x=SelII.options.length-1; x>=0; x--){
          SelII.options[x] = null; 
      }
      for(var a=0; a<_Array.length; a++){
          if(_Array[a][0]==ValueI){
             for(var b=1; b<_Array[a].length; b++){
                 SelII.options.add(new Option(_Array[a][b][0], _Array[a][b][0]));
             }
             chgII();            
             return;
          }
      }       
   }   

   function chgII(){
      var SelI = document.all('SelI');
      var SelII = document.all('SelII');
      var SelIII = document.all('SelIII');
      var ValueI = SelI.options[SelI.selectedIndex].value;
      var ValueII = SelII.options[SelII.selectedIndex].value;
      for(var x=SelIII.options.length-1; x>=0; x--){
          SelIII.options[x] = null; 
      }
      for(var a=0; a<_Array.length; a++){
          if(_Array[a][0]==ValueI){
             for(var b=1; b<_Array[a].length; b++){
                 if(_Array[a][b][0]==ValueII){
                    for(var c=1; c<_Array[a][b].length; c++){
                        SelIII.options.add(new Option(_Array[a][b][c][0], _Array[a][b][c][0]));
                    }
                    chgIII();
                    return;
                 }
             }
          }
      }       
   }  

   function chgIII(){
      var SelI = document.all('SelI');
      var SelII = document.all('SelII');
      var SelIII = document.all('SelIII');
      var SelIV = document.all('SelIV');
      
      var ValueI = SelI.options[SelI.selectedIndex].value;
      var ValueII = SelII.options[SelII.selectedIndex].value;
      var ValueIII = SelIII.options[SelIII.selectedIndex].value;      
      for(var x=SelIV.options.length-1; x>=0; x--){
          SelIV.options[x] = null; 
      }      
      for(var a=0; a<_Array.length; a++){
          if(_Array[a][0]==ValueI){
             for(var b=1; b<_Array[a].length; b++){
                 if(_Array[a][b][0]==ValueII){
                    for(var c=1; c<_Array[a][b].length; c++){
                        if(_Array[a][b][c][0]==ValueIII){
                           for(var d=1; d<_Array[a][b][c].length; d++){                                                   
                              SelIV.options.add(new Option(_Array[a][b][c][d], _Array[a][b][c][d]));
                           }
                        }
                    }
                    return;
                 }
             }
          }
      }       
   } 

   function window.onload(){
      var SelI = document.all('SelI');
      var SelII = document.all('SelII');
      for(var i=0; i<_Array.length; i++){
          SelI.options.add(new Option(_Array[i][0], _Array[i][0]));
      }
      SelI.selectedIndex = 0;
   }   
</script>
国家<select id="SelI" onchange="if(selectedIndex!=0){ chgI(); }"><option>选择</option></select>
省<select id="SelII" onchange="chgII();"></select>
城市<select id="SelIII" onchange="chgIII();"></select>
区<select id="SelIV"></select>

[layers2323]

你找个二级联动的，然后自己改成四级联动的。
像ls这一堆代码，估计lz用起来也难。

[bnabinge]

我已经写了个三联动的。

怕是不全呀。

我想网上应该有。或是哪个老大已经收藏着的给来用用。真是怕写呀。好多呀。

[mengsijun1987]

麻烦啊！ 好多！

[gengzhw]

你的目的是要代码，还是要数据？

[bnabinge]

我还是帮我找到的这个例子发出来你们帮我看看怎么加地区的

html部分
<tr>
<td>国家</td>
<td width="140" class="SELECT"><select name="country" id="country" onChange="change_region(
window.document.form1.state ,
window.document.form1.country.options[selectedIndex].value );">

<option value="Not set">-- 所有国家 --</option>
<script language="javascript">
set_select_options( window.document.form1.country, country, "" ) ;
</script>
</select>
</td>
</tr>
<tr>
<td>州/省</td>
<td class="SELECT"> <div align="left">
<select name="state" onChange="change_region(
window.document.form1.city ,
window.document.form1.state.options[selectedIndex].value );">
<option value="Not set">-- 所有州/省--</option>
</select>
</div>
</td>
</tr>
<tr>
<td>城市</td>
<td>
<select name="city" id="city" >
<option value="Not set">-- 城市 --</option>
</select>
</td>
</tr>



我用的是DIV的所以。看上去有此不好看。我就发最原来我在网上找到的代码吧。
js引用部分
http://www.qynly.com/59965221/code/js.txt

JS水平菜还请老大们帮帮

[wuyq11]

http://www.cnblogs.com/MaxIE/archive/2006/10/16/530173.html
http://www.cnblogs.com/zhwily/archive/2008/12/23/1360756.html

[bnabinge]

[Quote=引用 2 楼 lzj34 的回复:]
JScript code<script langauge="javascript">
var _Array = [];
_Array[_Array.length] = ['中国', ['北京', ['北京', '红灯区', '绿灯区'], ['aaa22', 'aaaa333', 'aaaa444']], ['江西', ['aaa33', 'aaaa555', 'aaaa666'], ['aaa44', 'aaaa777', 'aaaa888']]];
_Array[_Array.length] = ['美国', ['bb1', ['bbb11', 'bbbb111', 'bbbb222'], ['bbb22', 'bbbb333', 'bbbb444']], ['bb2', ['bbb33', 'bbbb555', 'bbbb6…
[/Quote]

老大。你的这JS可以用啦。谢谢啦。

不过我怎么把他单独放到JS文件里。在HTML调用。就失败了

[hgf1009]

我有js四级联动的，案例：http://zhanghui.host.y11.cn/login/register.aspx

[cailee]

还是用ajax吧，连数据库