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

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

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

[
    {
        "code": "11", 
        "name": "北京市", 
        "childs": [
            {
                "code": "1101", 
                "name": "市辖区", 
                "childs": [
                    {
                        "code": "110101", 
                        "name": "东城区"
                    }, 
                    {
                        "code": "110102", 
                        "name": "西城区"
                    }, 
                    {
                        "code": "110119", 
                        "name": "延庆区"
                    }
                ]
            }
        ]
    }, 
    {
        "code": "12", 
        "name": "天津市", 
        "childs": [
            {
                "code": "1201", 
                "name": "市辖区", 
                "childs": [
                    {
                        "code": "120101", 
                        "name": "和平区"
                    }, 
                    {
                        "code": "120102", 
                        &
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值