韩舜尧 论: JavaScript如何实现省市级联动~(面试宝典必会题之一)

         论JavaScript如何实现省市级联动(面试宝典必会题之一)

  <script>
        var pros=new Array;
        pros[0]="河南省";
        pros[1]="辽宁省";

        var citys=new Array;
        citys[0]=new Array;
        citys[1]=new Array;
        citys[0][0]="郑州市";
        citys[0][1]="漯河市";
        citys[0][2]="驻马店市";
        citys[1][0]="沈阳市";
        citys[1][1]="抚顺市";
        citys[1][2]="大连市";
        
        function changecity(){
            var province=document.getElementById("province");
            var city=document.getElementById("city");
            city.options.length=0;
            var pvalue=province.options[province.selectedIndex].value;
            for(var i=0;i<citys[pvalue].length;i++){
                var text=citys[pvalue][i];
                var value=i;
                city.options[city.options.length]=new Option(text,value);
            }
        }  
    </script>
    <select name="province" id="province" onchange="changecity()" >
        <option value="x">请选择省份</option>
        <script>
        for(var i=0;i<pros.length;i++){
            document.write("<option value='"+i+"'>"+pros[i]+"</option>");
        }
        </script>
    </select>
    <select name="city" id="city">
        <option value="0">请选择城市</option>
    </select>