Jquery省市二级联动Demo

首先要导入jquery-1.11.1.Js包,并且引用

1.在body里边使用标签

            <!-- province 省份 -->            住址:<select id="province">                <option>--请选择省(市)--</option>                <option value="0">北京</option>                <option value="1">上海</option>                <option>其他</option>            </select>            <select id="city">                <option id="city0">--请选择地区--</option>            </select>

2.使用函数

        //省市二级联动        $(function(){            //创建数组            var provinces = [["海淀","朝阳"],["浦东","虹桥"]];            //给省份选项改变的事件            $("#province").change(function(){                //清空上次操作的数据                $("#city0").siblings().remove();                //没个省份对应value                var shengfen = $(this).val();                for(var i=0; i < provinces[shengfen].length;i++) {                    //创建option标签                    var $opt = $("<option></option>");                    $opt.html(provinces[shengfen][i]);                    $("#city").append($opt);                }                                                   });        });