zoukankan      html  css  js  c++  java
  • jQuery ajax省市区四级联动

    $(function(){
        query();
        //获取到市
        $('#province').change(function(){
            var id = $('#province').val();
            $.ajax({
                url:'/user/selectp?rootid='+id,
                type:'GET',
                dataType:'json',
                success:function(data){
                    var content = '<option>市</option>';
                    for (var i in data) {    
                        content += '<option value='+data[i].AreaID+'>'+data[i].AreaName+'</option>';
                    }
                    $('#city').html(content);
                    $('#county').html('<option>县/区</option>');
                    $('#street').html('<option>街道</option>');
                }
                
            })
        })
        
        //获取到县/区
        $('#city').change(function(){
            var id = $('#city').val();
            $.ajax({
                url:'/user/selectp?rootid='+id,
                type:'GET',
                dataType:'json',
                success:function(data){
                    var content = '<option>县/区</option>';
                    for (var i in data) {    
                        content += '<option value='+data[i].AreaID+'>'+data[i].AreaName+'</option>';
                    }
                    $('#county').html(content);
                    $('#street').html('<option>街道</option>');
                }
                
            })
        })
        //获取到街道
        $('#county').change(function(){
            var id = $('#county').val();
            $.ajax({
                url:'/user/selectp?rootid='+id,
                type:'GET',
                dataType:'json',
                success:function(data){
                    var content = '<option>街道</option>';
                    for (var i in data) {    
                        content += '<option value='+data[i].AreaID+'>'+data[i].AreaName+'</option>';
                    }
                    $('#street').html(content);
                }
                
            })
        })
        
    })
    
    
    //获取到省份
    function query(){
        var id = 0;
        $.ajax({
            url:'/user/selectp?rootid='+id,    
            type:'GET',
            dataType:'json',
            success:function(data){
                var content = '<option>省</option>';
                for (var i in data) {    
                    content += '<option value='+data[i].AreaID+'>'+data[i].AreaName+'</option>';
                }
                $('#province').html(content);
            }
        })
    }
  • 相关阅读:
    代码格式化[转]
    ASP.NET错误大杂烩
    Web考勤管理系统 .net 2005 开发
    Ftp 类
    c#中Split等分割字符串的几种方法
    强大的firebug 使用 介绍
    一页面多个文本框回车提交不同事件问题解决
    Ajax电子书下载 发现的好东东贴上了
    编程技术书籍[转]
    推荐下权威的《IT十年经典书系列》1打
  • 原文地址:https://www.cnblogs.com/sisl/p/4828731.html
Copyright © 2011-2022 走看看