基于easyui 框架,通过读取json 文件实现省市区三联动的效果

由于项目需要,我们项目是用的easyui 的框架,然后需要用到省市区三联动效果,一般的jQuery 获取json 文件 实现 三联动效果,不能够满足我们的需求,因为我们select 下拉框都是通过easyui combox 效果来实现的,所以我自己写了一个 基于easyui 框架 通过读取json 文件实现省市区三联动效果的脚本,废话不多说,开始讲重点:

1.先说一下他实现的思想:
实现三联动效果,看起来很难,其实很简单,只不过是逻辑比较容易绕弯而已。
①:首先先把省份给加载出来
②:通过判断选中的省份的val 的值 判断与之相对应的 城市,然后把城市一个一个的循环出来就好了
③:通过判断选中的省份的值 和 选中的城市的值 是否与 循环中的区县的值是否有对应关系,如果是对应的吧相应的区县的值循环到下拉框中就好了
2.看一下我的json 文件格式 是否符合你的需要

[
    {
        "code": "11", 
        "name": "北京市", 
        "childs": [
            {
                "code": "1101", 

你可能感兴趣的:(学习笔记)