在django中实现省市区三级联动，数据是json格式的

最新推荐文章于 2024-07-26 17:54:04 发布

羊林--锋哥

最新推荐文章于 2024-07-26 17:54:04 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/qq_42508689/article/details/81386821

版权

本文介绍如何在Django项目中利用JSON数据实现省市区的三级联动效果。首先展示全国省市区的JSON数据，将其存放在项目的templates文件夹中。前端页面加载时向后端发起请求，通过设定的路由获取数据。后端设置响应函数，返回所需数据，最终达到三级联动的交互体验。

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

在django上省市区三级联动，先找到全国的省市区名的数据，如下图：

把数据放在django项目中templates文件中，这样前端页面发起请求就可以直接拿到数据。我前端如下:

        <label>所在地區</label><br>
        <select name="sheng" id="sheng" hidden>
            <option value=""></option></select>
        <select name="shi" id="shi">
            <option value="">请选择</option></select>
        <select name="qu" id="qu">
        <option value="">请选择</option></select><br>
        <script>
           url='/data/';
           $.getJSON(url,function (res) {
                   $.each(res,function (i,value) {
                       if(value.name=='台湾省'){   //只需