【高级进阶】jquery实例-做一个三级联动列表

sublime编辑器

jquery

在编辑器中新创建一个文档，用来编辑我们的demo，文件目录如下，js文件放到js文件夹中，html文件放在根目录下面。

下载jquery文件，以及创建我们需要的js文件，在html文件中进行引入。

创建我们的数据文件，采用json格式，注意索引，索引用于省市区的对应关系查找。

在citySelect2.js文件中，抽取对外代码，用于html中使用。

内部代码重构，主要要用到数据初始化，城市省份渲染，利用change事件来改变select下拉框。

在html文件中进行引用。

在浏览器中打开html文件，进行选择，可以看到选择了省份后，显示对应的区。完成整个代码。