from django.db import models
class Province(models.Model):
provinceName = models.CharField(max_length = 20)
class City(models.Model):
cityName = models.CharField(max_length = 20)
provinceID = models.ForeignKey(Province)
第三步：创建form（app/forms.py）
#coding=utf8
from django import forms
from .models import *
provinces = Province.objects.all()
PROVINCE_CHOICES = []
for province in provinces:
PROVINCE_CHOICES.append([province.id, province.provinceName])
class myForm(forms.Form):
province = forms.ChoiceField(widget = forms.Select(attrs={'class':'select', 'onChange':'getCityOptions(this.value)'}), choices = PROVINCE_CHOICES, label= u'选择省')
city = forms.ChoiceField(widget = forms.Select(attrs={'class':'select'}), label = u'选择市')
#如果需要3级联动，在city中也添加onChange参数指定就jquery函数
第四步：创建模版（app/templates/test.html）
function getCityOptions(province_id){
$.ajax({
type: "GET",
url: "/getcitylist?provinceID="+province_id,
dataType:'json',
success: function(data,textStatus){
var citySelect = document.getElementById("id_city");
for ( var i=citySelect.options.length-1; i>-1; i--){
citySelect[i] = null;
}
if(data.length > 0) {
$("#id_city").show();
for(i=0;i
`form`
第五步：创建view函数（app/views.py）
from django.shortcuts import render_to_response
from django.http import HttpResponse
from testccc.app.models import *
from testccc.app.forms import *
# 1.5以前的版本
from django.utils import simplejson
# 1.5以后的版本
import json
def city_list(request,provinceID):
city_list = []
province = request.GET['provinceID']
citys = City.objects.filter(provinceID = province)
for city in citys:
c = {}
c['label'] = city.cityName
c['text'] = city.id
city_list.append(c)
# 1.5以前的版本
return HttpResponse(simplejson.dumps(city_list), mimetype='application/json')
# 1.5以后的版本
return HttpResponse(json.dumps(city_list), mimetype='application/json')
def test(request):
form = myForm()
return render_to_response('test.html',locals())
