联动下拉菜单是Web开发中一个被经常使用的应用。比如当你从一个列表从选择一个国家的时候,联动下拉菜单会同步显示属于该国家所有城市列表供用户选择。今天我们就教你如何使用Django+Ajax生成联动下拉菜单。本案例使用Django 2.0 + Python 3.X开发,无需使用第三方安装包。
第一步创建APP,修改设置文件
创建一个叫dropdown的APP,并把它加到项目设置文件settings.py的INSTALLED_APP里去。如下图所示。
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'dropdown',
]
同时把本应用urls加入到项目urls.py文件里去。
urlpatterns = [
path('admin/', admin.site.urls),
path('dropdown/', include('dropdown.urls')),
]
第二步 创建模型models.py
创建3个模型国家,城市和客户。其中City与Country是ForeignKey的关系。Client包含两个ForeignKey: City与Country。
from django.db import models
from django.urls import reverse
# Create your models here.
class Country(models.Model):
name = models.CharField(verbose_name="国家