省市区树形数据，每一级添加“全部”选项

最新推荐文章于 2024-10-30 16:47:23 发布

原创

最新推荐文章于 2024-10-30 16:47:23 发布 · 493 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #html #javascript

例如有如下格式的省市区数据，业务需要分别为省、市、区添加“全部”选项。实现方法如下：

// 省市区数据
let cityList = [
  {
    code: 110000,
    name: '北京',
    fullName: '中国,北京',
    pinyin: 'Beijing',
    childNodes: [
      {
        code: 110100,
        name: '北京市',
        fullName: '中国,北京,北京市',
        pinyin: 'Beijing',
        childNodes: [
          {
            code: 110101,
            name: '东城区',
            fullName: '中国,北京,北京市,东城区',
            pinyin: 'Dongcheng',
            childNodes: null
          },

          ......

          {
            code: 110229,
            name: '延庆县',
            fullName: '中国,北京,北京市,延庆县',
            pinyin: 'Yanqing',
            childNodes: null
          }
        ]
      }
    ]
  },
  {
    code: 130000,
    name: '河北省',
    fullName: '中国,河北省',
    pinyin: 'Hebei',
    childNodes: [
      {
        code: 130100,
        name: '石家庄市',
        fullName: '中国,河北省,石家庄市',
        pinyin: 'Shijiazhuang',
        childNodes: [
          {