javascript - 请教省市区联动的JS中地区是怎么封装的？？？

Question

我也不知道是不是叫做封装（暂时就这么说吧）
就是那些省市区名称都放在一起的。。
然后我现在要做的一个项目中是这样的。各位大大看图

左边是所有省，右边是当前省的所有市。。我就想这里的内容都通过JS或者JQ添加进来，不是直接写在HTML文件中。
啊 。。。不知道我这么说能不能看懂。我也不知道该怎么描述我要问的问题。。

或者由后台来添加这个数据会不会麻烦，因为我是前端的。。没做过后台，对后台不太了解。。

Answer 1

讲道理这个应该是要配合数据库直接循环查询比较好，既然你都说你是前端了，我觉得定义所有的地区，将值放在数组里面循环，点击判断是顶级地区，还是子地区然后INNERHTML 不知道可不可以哦

Answer 2

前些天刚自己做了个插件，我的处理方式是层级的对象：

{
  "130000": {
    "name": "河北",
    "subs": {
      "130100": {
        "name": "石家庄",
        "subs": {
          "130102": "长安",
          "130104": "桥西",
          /*其它区*/
        }
      }，
      /*其它市*/
    }
  },
  /*其它省*/
}

因为存在直辖市和省直辖区，目前的层级多少有点乱，觉得这并不是最好的方式，仅供参考。