求js 城市4联动下拉框

Question

求js 城市4联动下拉框如：国家,省，城市，区，
这样子。html+js的谢谢老大门呀。我在网上找的是 不要数据库的。QQ59965221

Answer 1

<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>

Answer 2

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

Answer 3

我还是帮我找到的这个例子发出来你们帮我看看怎么加地区的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.txtJS水平菜还请老大们帮帮

Answer 4

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

Answer 5

老大。你的这JS可以用啦。谢谢啦。不过我怎么把他单独放到JS文件里。在HTML调用。就失败了

Answer 6

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