JavaScript 三级联动数据示例

以下是一些常用的 JavaScript 三级联动数据示例,分别对应省市区、省市县和省市镇三种类型。

1. 省市区三级联动数据

var provinceData = [
  {
    'name': '北京市',
    'cities': [
      {
        'name': '北京市',
        'areas': [
          '东城区',
          '西城区',
          '朝阳区',
          '丰台区',
          '石景山区',
          '海淀区',
          '门头沟区',
          '房山区',
          '通州区',
          '顺义区',
          '昌平区',
          '大兴区',
          '怀柔区',
          '平谷区',
          '密云县',
          '延庆县'
        ]
      }
    ]
  },
  {
    'name': '天津市',
    'cities': [
      {
        'name': '天津市',
        'areas': [
          '和平区',
          '河东区',
          '河西区',
          '南开区',
          '河北区',
          '红桥区',
          '东丽区',
          '西青区',
          '津南区',
          '北辰区',
          '武清区',
          '宝坻区',
          '滨海新区',
          '宁河县',
          '静海县',
          '蓟县'
        ]
      }
    ]
  },
  {
    'name': '河北省',
    'cities': [
      {
        'name': '石家庄市',
        'areas': [
          '长安区',
          '桥西区',
          '新华区',
          '井陉矿区',
          '裕华区',
          '藁城区',
          '鹿泉区',
          '栾城区',
          '井陉县',
          '正定县',
          '行唐县',
          '灵寿县',
          '高邑县',
          '深泽县',
          '赞皇县',
          '无极县',
          '平山县',
          '元氏县',
          '赵县',
          '辛集市',
          '晋州市',
          '新乐市'
        ]
      }
    ]
  },
  // 省市区数据省略
];

2. 省市县三级联动数据

var provinceData = [
  {
    'name': '北京市',
    'cities': [
      {
        'name': '北京市',
        'counties': [
          '东城区',
          '西城区',
          '朝阳区',
          '丰台区',
          '石景山区',
          '海淀区',
          '门头沟区',
          '房山区',
          '通州区',
          '顺义区',
          '昌平区',
          '大兴区',
          '怀柔区',
          '平谷区',
          '密云县',
          '延庆县'
        ]
      }
    ]
  },
  {
    'name': '天津市',
    'cities': [
      {
        'name': '天津市',
        'counties': [
          '和平区',
          '河东区',
          '河西区',
          '南开区',
          '河北区',
          '红桥区',
          '东丽区',
          '西青区',
          '津南区',
          '北辰区',
          '武清区',
          '宝坻区',
          '滨海新区',
          '宁河县',
          '静海县',
          '蓟县'
        ]
      }
    ]
  },
  {
    'name': '河北省',
    'cities': [
      {
        'name': '石家庄市',
        'counties': [
          '长安区',
          '桥西区',
          '新华区',
          '井陉矿区',
          '裕华区',
          '藁城区',
          '鹿泉区',
          '栾城区',
          '井陉县',
          '正定县',
          '行唐县',
          '灵寿县',
          '高邑县',
          '深泽县',
          '赞皇县',
          '无极县',
          '平山县',
          '元氏县',
          '赵县',
          '辛集市',
          '晋州市',
          '新乐市'
        ]
      }
    ]
  },
  // 省市县数据省略
];

3. 省市镇三级联动数据

var provinceData = [
  {
    'name': '北京市',
    'cities': [
      {
        'name': '北京市',
        'towns': [
          {
            'name': '东城区',
            'areas': [
              '东华门街道',
              '景山街道',
              '交道口街道',
              '安定门街道',
              '北新桥街道',
              '东四街道',
              '朝阳门街道',
              '建国门街道',
              '东直门街道',
              '和平里街道',
              '前门街道',
              '崇文门外街道'
            ]
          },
          // 北京市其他区镇数据省略
        ]
      }
    ]
  },
  {
    'name': '天津市',
    'cities': [
      {
        'name': '天津市',
        'towns': [
          {
            'name': '和平区',
            'areas': [
              '劝业场街道',
              '小白楼街道',
              '南市街道',
              '体育馆街道',
              '新兴街道',
              '南营门街道',
              '王串场街道',
              '越秀路街道'
            ]
          },
          // 天津市其他区镇数据省略
        ]
      }
    ]
  },
  {
    'name': '河北省',
    'cities': [
      {
        'name': '石家庄市',
        'towns': [
          {
            'name': '长安区',
            'areas': [
              '广安街道',
              '裕东街道',
              '新华路街道',
              '建设北街道',
              '翟营南街道',
              '育才街道',
              '育才北街道',
              '东风街道',
              '桥东街道',
              '彭李庄街道',
              '中山东路街道',
              '翟营街道',
              '兴华路街道',
              '建华南街道',
              '建华北街道',
              '青园街道',
              '东里街道',
              '建北街道',
              '井陉矿区街道'
            ]
          },
          // 石家庄市其他区镇数据省略
        ]
      }
    ]
  },
  // 省市镇数据省略
];

以上数据示例仅包含部分省市区/县/镇信息,实际开发中需要根据需求补充完整的数据。

希望这些示例能帮助您更好地理解 JavaScript 三级联动数据的结构,并在您的项目中应用。

JavaScript 三级联动数据示例:省市区、省市县、省市镇

原文地址: https://www.cveoy.top/t/topic/lDhY 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录