jQuery之省市县三级联动

jsp部分

<div>

    <select id="province">

        <option>--请选择--</option>

    </select>

    <select id="municipal">

        <option>--请选择--</option>

    </select>

    <select id="county">

        <option>--请选择--</option>

    </select>

</div>

jQuery部分

//使用数组方式，多维数组对应下标

    var province=["辽宁省","山西省","吉林省"];
    var municipal=[["沈阳市","大连市","鞍山市"],["太原市","大同市","阳泉市"],["长春市","吉林市","四平市"]];
    var numMunicipal;
    var county=[[["沈","阳"] ,["大","连"],["鞍","山"]],[["太","原"],["大","同"],["阳","泉"]],[["长","春"],["吉","林"],["四","平"]]];
    var numCounty;

    $(function)(){

//循环数组province显示出省份

            for(var i=0;i<province.length;i++){

                $("#province").append("<option value='"+(i+1)+"'>"+province[i]+"</option>");

            }

//当选择省份时出发change事件

             $("#province").change(function(){

//选择器找到municipal下的所有子元素集合，然后把所有除了第一个的元素全部清空（数组从0开始）就是当每次重新选择省份的时候，市都会变成请选择

               $("#municipal").children().not(":eq(0)").remove();

//获取省份的value

                    numMunicipal=$(this).val();

//除去当前的选项卡

                    var municipals=municipal[numMunicipal-1];

//循环municipal数组

                    for(var j=0;j<municipals.length;j++){

                        $("#municipal").append("<option value='"+(j+1)+"'>"+municipals[j]+"</option>");

                    }

               });

            $("#municipal").change(function(){
              $("#county").children().not(":eq(0)").remove();                                       
               numCounty=$(this).val();                                                                       
               var countys=county[numMunicipal-1][numCounty-1];                       
               for(var h=0;h<countys.length;h++){
                   $("#county").append("<option value='"+(h+1)+"'>"+countys[h]+"</option>");
               }
          });

    });

新手新手新手新手求大佬们轻点笑话我最后请多多指教希望得到更多更好的方法