会js的进来接分：谁能把下边简单的两连动代码改为3连动下拉列表代码，本人不会js，还请会的来帮忙，举手之劳，成功给200分！

给加上个各城市的区名做为第3级的select，谢谢！

解决方案 »

  1.   

    <form name=form1><select name=sheng onchange="cityName(this.value)">
      <option value="">请选择省名</option>
    </select><select name=city onchange="areaName(this.value)">
      <option value="">请选择城名</option>
    </select><select name=area>
      <option value="">请选择区名</option>
    </select>
    </form><script language=javascript>
    var cityouterHTML = document.form1.city.outerHTML.substr(0, document.form1.city.outerHTML.length-9);
    var areaouterHTML = document.form1.area.outerHTML.substr(0, document.form1.area.outerHTML.length-9);
    function sheng()
    {
       var shengName = ["浙江", "江苏", "安徽", "江西"]; //这些数据可以从数据库中取得   var e = document.form1.sheng;
       var s = e.outerHTML.substr(0, e.outerHTML.length-9) + "\r\n";
           for (var i=0; i<shengName.length; i++){
           s += "<option value='"+ shengName[i] +"'>"+ shengName[i] +"</option>\r\n";}
           s += "</select>";
           e.outerHTML = s;
    }  sheng();
    function cityName(val)
    {
       var 浙江 = ["杭州", "宁波", "温州", "绍兴", "金华", "湖州"]; //这些数据可以从数据库中取得
       var 江苏 = ["南京", "苏州", "无锡", "常州", "镇江", "徐州"];
       var 安徽 = ["合肥", "翕县", "黄山", "祁门", "休宁"];
       var 江西 = ["南昌", "九江", "赣州", "上饶", "新余", "景德镇"]; 
       var e = document.form1.city;
       var s = cityouterHTML;
       if (val == "") {s += "</select>"; e.outerHTML = s; return;}
       var a = eval(val);
           for (var i=0; i<a.length; i++)
           {
               s += "<option value='"+ a[i] +"'>"+ a[i] +"</option>\r\n";
           }
           s += "</select>";
           e.outerHTML = s;
    }function areaName(val)
    {
        var 杭州 = ["杭州1区","杭州2区"];
        var 宁波 = ["宁波1区","宁波2区"];
        var 温州 = ["温州1区","温州2区"];
        //下面的自己添吧
       var e = document.form1.area;
       var s = areaouterHTML;
       if (val == "") {s += "</select>"; e.outerHTML = s; return;}
       var a = eval(val);
           for (var i=0; i<a.length; i++)
           {
               s += "<option value='"+ a[i] +"'>"+ a[i] +"</option>\r\n";
           }
           s += "</select>";
           e.outerHTML = s;    
    }
    </script>
      

  2.   

    <html>
    <head>
    <script language=javascript>
    var arr="浙江|江苏|安徽|江西";var arr0 = "杭州|宁波|温州|绍兴"; //这些数据可以从数据库中取得
    var arr1 = "南京|苏州|无锡|常州";
    var arr2 = "合肥|翕县|黄山|祁门";
    var arr3 = "南昌|九江|赣州|上饶"; var arr00 = "杭州A区|杭州B区"; 
    var arr01 = "宁波A区|宁波B区"; 
    var arr02 = "温州A区|温州B区"; 
    var arr03 = "绍兴A区|绍兴B区"; var arr10 = "南京A区|南京B区"; 
    var arr11 = "苏州A区|苏州B区"; 
    var arr12 = "无锡A区|无锡B区"; 
    var arr13 = "常州A区|常州B区"; var arr20 = "合肥A区|合肥B区"; 
    var arr21 = "翕县A区|翕县B区"; 
    var arr22 = "黄山A区|黄山B区"; 
    var arr23 = "祁门A区|祁门B区"; var arr30 = "南昌A区|南昌B区"; 
    var arr31 = "九江A区|九江B区"; 
    var arr32 = "赣州A区|赣州B区"; 
    var arr33 = "上饶A区|上饶B区"; //alert(eval("arr"+2+1));
    function AddOptions(dltObj,arrObj)
    {
    dltObj.innerHTML="";
    var arrLocation=arrObj.split("|");
    for(var i=0;i<arrLocation.length;i++){
    var opt=document.createElement("OPTION");
    dltObj.add(opt);
    opt.value=i;
    opt.text=arrLocation[i];
    }
    }
    function init(){
    AddOptions(dltProvince,eval('arr'));
    AddOptions(dltCity,eval('arr'+dltProvince.selectedIndex));
    AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));
    }
    </script>
    </head>
    <body onLoad="init();">
    <table width="300" cellpading="0" cellspacing="0" border="0">
    <tr>
    <td width="100"><select id="dltProvince" onchange="AddOptions(dltCity,eval('arr'+dltProvince.selectedIndex));AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));" style="width:100%"></select>
    </td>
    <td width="100"><select id="dltCity" onchange="AddOptions(dltArea,eval('arr'+dltProvince.options[dltProvince.selectedIndex].value+dltCity.options[dltCity.selectedIndex].value));" style="width:100%"></select>
    </td>
    <td width="100"><select id="dltArea" style="width:100%"></select>
    </td>
    </tr>
    </table>
    </body>
    </html>