JQ+MYSQL实现省市区联动JQ部分

JQ+MYSQL实现省市区联动JQ部分

ps：本人亲测，阿里云2核4G5M的服务器性价比很高，新用户一块多一天，老用户三块多一天，最高可以买三年，感兴趣的可以戳一下：阿里云折扣服务器

1、PHP代码
相关函数：add、add1、add2、edit、insert、update

2、mysql文件beautiful数据库里的tb_region_conf表（省市联动表）

3、JS代码
<script type="text/javascript">
    $(document).ready(function () {
        //下拉框变化事件（省）
        $("#province").change(function(){
            //获取下拉框的值
            var n=$("#province").val();
            $.ajax({
                url:'/m.php?m=User&a=add1',
                data:{'ajax_province':n},
                type:'post',
                success:function(a){
                    //清除现有的下拉框选项
                    $("#city1").nextAll().remove();
                    $("#area1").nextAll().remove();
                    if(a) {
                        //获取并转化JSON值
                        var b = eval("(" + a + ")");
                        //添加下拉框
                        for (var c in b) {
                            $("#city").append("<option value="+b[c]['region_name']+">"+b[c]['region_name']+"</option>");
                        }
                    }
                }
            });
        });

        //下拉框变化事件（市）
        $("#city").change(function(){
            var n=$("#city").val();
            $.ajax({
                url:'/m.php?m=User&a=add2',
                data:{'ajax_city':n},
                type:'post',
                success:function(a){
                    $("#area").nextAll().remove();
                    if(a) {
                        var b = eval("(" + a + ")");
                        for (var c in b) {
                            $("#area").append("<option value="+b[c]['region_name']+">"+b[c]['region_name']+"</option>");
                        }
                    }
                }
            });
        });

    });
</script>

4、HTML文件位置