django网页省市县下拉框

网页部分：

    
        请选择省
    
    
        请选择市
    
    
        请选择县
    

js部分：

function area(){
    // alert("x")
    $.ajax({
        url:"/ssx/",
        type:"GET",
        dataType:"JSON",
        data:{
            'sheng':"1"
        },
        success:function (data) {
            $.each(data,function (i,j) {
                if (i%10000==0){
                    $('.area').children().eq(0).append(''+ j[1] +'')
                }else {
                }
            })

            alert("read")
            $('.area').children().eq(0).change(function () {
                $('.hidden2').remove()
                $('.hidden3').remove()
                var sheng = $('.area').children().eq(0).val()
                alert(sheng)
                if (sheng>3){
                    $.each(data,function (i,j) {
                        if (j[2]==sheng){
                            $('.area').children().eq(1).append(''+ j[1] +'')
                        }
                    })
                }
            })
            $('.area').children().eq(1).change(function () {
                $('.hidden3').remove()
                var shi = $('.area').children().eq(1).val()
                alert(sheng)
                if (shi>3){
                    $.each(data,function (i,j) {
                        if (j[2]==shi){
                            $('.area').children().eq(2).append(''+ j[1] +'')
                        }
                    })
                }
            })
        }
    })
}

views：

def ssx(request):
    sheng = request.GET['sheng']
    print(sheng)
    area = Ssx.objects.all()
    content = dict()
    for a in area:
        content[a.id] = [a.id, a.area, a.temp]
    return JsonResponse(content)

效果图：

省市县选择效果图.jpg

地区数据库表部分.jpg