在Django下使用Jquery ajax实现select表单的二级联动

在Django下使用Jquery ajax实现select表单的二级联动

采用Django+Jquery实现：

网上也看到很多例子，综合很多例子，经过尝试，实现一个简单的省市二级联动，记下来，以免忘记，有考虑不严谨的地方还请大家指正：

首先是模型设计（数据库设计）：

# coding:utf-8
from django.db import models

# Create your models here.

#省份表
class Province(models.Model):
    name = models.CharField(max_length=30)

    def __unicode__(self):
        return self.name

#城市表
class City(models.Model):
    name = models.CharField(max_length=40)
    province = models.ForeignKey(Province)

    def __unicode__(self):
        return self.name

#这个主要是用来显示，选择的结果
class SelectP(models.Model):
    province = models.ForeignKey(Province)
    city = models.ForeignKey(City)

为此使用了form

# coding:utf-8

from django import forms
from .models import SelectP

class SelectForm(forms.ModelForm):
    class Meta:
        model = SelectP
        fields = '__all__'

以下是views代码：

# coding:utf-8
from django.shortcuts import render_to_response, get_object_or_404, redirect, urlresolvers, RequestContext
from django.core import serializers
from django.http import HttpResponse
from .models import Province, SelectP
from .forms import SelectForm
# Create your views here.

#获取首页