Django模板实现地址的省市县三级联动

最新推荐文章于 2022-11-08 23:50:50 发布

面北

最新推荐文章于 2022-11-08 23:50:50 发布

阅读量1.4k

点赞数

分类专栏： Django 文章标签：省市县三级联动

本文链接：https://blog.csdn.net/weixin_44045514/article/details/97021381

版权

本文介绍了如何在Django中实现省市县三级联动功能。通过自关联的数据表，结合前端的jQuery和Vue，利用ajax动态显示下拉列表，并详细阐述了后台视图函数、路由配置以及JavaScript代码的编写过程。

摘要由CSDN通过智能技术生成

本次实现的是省市县的三级联动问题。首先需要一张数据表：

class Area(models.Model):
    atitle = models.CharField(max_length=30)
    aparent = models.ForeignKey("self", null=True, blank=True, on_delete=models.CASCADE)

    def __str__(self):
        return self.atitle

我写的是一张自关联的省市县表，只有两个字段 atitle（名称）、aparent（自身对象关联），当然在生成数据表的时候还会自动生成一个主键且自增的id字段。生成数据表之后要记得把全国省市县的数据插入进去，这里我就不展示，总共大概3500多条数据。

然后就在模板中将省市县的下拉列表写出来：

<form method="post" active="">
    <table>
        <tr class="form-group">
            <td><label>店铺地址：</label></td>
            <td>
                <select name="province" id="province">
                    <option value="">请选择省份</option>
                </select>--