distpicker插件使用自定义数据

最新推荐文章于 2024-08-13 08:58:12 发布

原创

最新推荐文章于 2024-08-13 08:58:12 发布 · 2.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery插件 #三级联动

本文讲述了如何在JavaScript和jQuery环境下，使用distpicker插件实现三级联动下拉框，并根据特定需求进行自定义数据处理。内容包括数据格式转换、排序要求以及插件源码的修改，以满足项目中复杂的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前段时间主管给我来了这样一个需求，写个省市区三级联动下拉框插件，要求能自定义数据，后台给的数据格式如下：

var areadata = [{
            "id": "0",
            "sort": 1,
            "abbrName": '湖南省',
            "abbrName1": '湖南省1',
            "abbrName2": '湖南省2'
        }, {
            "pId": "0",
            "sort": 1,
            "id": "1124436",
            "abbrName": '长沙市',
            "abbrName1": '长沙1',
            "abbrName2": '长沙2'
        }, {
            "pId": "0",
            "sort": 2,
            "id": "354346756",
            "abbrName": '常德市',
            "abbrName1": '常德1',
            "abbrName2": '常德2'
        }, {
            "pId": "1124436",
            "sort": 2,
            "id": "21231241",
            "abbrName": '芙蓉区',
            "abbrName1": '芙蓉区1',
            "abbrName2": '芙蓉区2'
        }, {
            "pId": "1124436",
            "sort": 1,
            "id": "115345234",
            "abbrName": '天心区',
            "abbrName1": <