/**
     * Name 获取省份(初始化)
     */
    function showProvince(id1, id2, id3) {
        var paramData = {};
        $.ajax({
            url: osplatUrl + '/osplat/province/select',
            type: 'POST',
            data: {
                phone: userName,
                password: passWord,
            },
            dataType: 'json',
            success: function (result) {
                // 下拉框选择控件,下拉框的内容是动态查询数据库信息
                var lastSelected;
                var presentSelected;
                $(id1).combobox({
                    data: result.data,
                    panelHeight: 300,//滚动条
                    editable: false, //不可编辑状态
                    cache: false,
                    valueField: 'provinceCode',//id
                    textField: 'provinceName',//name
                    onLoadSuccess: function () {
                       $(id1).combobox('select', "");
                        //$(id1).combobox('select',row.province);
                    },
                    onBeforeLoad: function (parm) { //可复用代码块 在请求加载数据之前触发,返回 false 则取消加载动作
                        var value = $(this).combobox('getValue');
                        if (value) {
                            parm.test = value;
                            return true;
                        }
                        return false;
                    },
                    onSelect: function () { // 不可复用代码块
                        presentSelected = $(this).combobox("getValue");
                        //debugger;
                        if (lastSelected != presentSelected) { // 避免重复点击再加载
                            // 先消除次级的数据
                            $(id2).combobox({ // 不可复用
                                editable: false, //不可编辑状态
                                loadData: {}
                            });
                            $(id3).combobox({ // 不可复用
                                editable: false, //不可编辑状态
                                loadData: {}
                            });
                            lastSelected = presentSelected;
                            showCitySearch(id2, id3, presentSelected);
                        }
                    },
                });
            }
        });
    }

    function showCitySearch(id, id3, value) {
        var paramData = {};
        paramData.provinceCode = value;
        $.ajax({
            url: osplatUrl + '/osplat/city/select',
            type: 'POST',
            data: {
                phone: userName,
                password: passWord,
                data: JSON.stringify(paramData)
            },
            dataType: 'json',
            success: function (result) {
                /*var status_all = {};
                status_all.cityCode = -100;
                status_all.cityName = '全部';
                result.data.push(status_all);*/
                // 下拉框选择控件,下拉框的内容是动态查询数据库信息
                var lastSelected;
                var presentSelected;
                $(id).combobox({ // 不可复用
                    data: result.data,
                    panelHeight: 300,//滚动条
                    editable: false, //不可编辑状态
                    cache: false,
                    valueField: 'cityCode',
                    textField: 'cityName',
                    onLoadSuccess: function () {
                       $(id).combobox('select', "");
                        // $(id).combobox('select',provider.city);
                    },
                    onBeforeLoad: function (parm) { //可复用代码块
                        var value = $(this).combobox('getValue');
                        if (value) {
                            parm.test = value;
                            return true;
                        }
                        return false;
                    },
                    onSelect: function () { // 不可复用代码块
                        presentSelected = $(this).combobox("getValue");
                        if (lastSelected != presentSelected) { // 避免重复点击再加载
                            // 先消除次级的数据
                            $(id3).combobox({ // 不可复用
                                editable: false, //不可编辑状态
                                loadData: {}
                            });
                            lastSelected = presentSelected;
                            showCountySearch(id3, presentSelected);

                        }
                    },
                });

            }
        });
    }

    function showCountySearch(id, value) {
        var paramData = {};
        paramData.cityCode = value;
        $.ajax({
            url: osplatUrl + '/osplat/county/select',
            type: 'POST',
            data: {
                phone: userName,
                password: passWord,
                data: JSON.stringify(paramData)
            },
            dataType: 'json',
            success: function (result) {
                $(id).combobox({ // 不可复用
                    data: result.data,
                    panelHeight: 300,//滚动条
                    editable: false, //不可编辑状态
                    cache: false,
                    valueField: 'countyCode',
                    textField: 'countyName',
                    onLoadSuccess: function () {
                       $(id).combobox('select', "");
                        //$(id).combobox('select',provider.county);
                    },
                    onBeforeLoad: function (parm) { //可复用代码块
                        var value = $(this).combobox('getValue');
                        if (value) {
                            parm.test = value;
                            return true;
                        }
                        return false;
                    },
                    onSelect: function (row) {
                        var value = $(this).combobox("getValue");
                        var text = $(this).combobox("getText");
                    },

                });
            }

        });
    }

  

combox省市县三级联动的更多相关文章

  1. jQuery - 全国省市县三级联动

    最近有空用jquery做了一个全国省市县的三级联动,在以后或许可以用的到 ,遗憾的是我还没用封装,等有空看能不能封装成一个插件 废话不多说,贴上代码: <!doctype html> &l ...

  2. wex5 实战 省市县三级联动与地址薄同步

    无论是商城,还是快递,都要用到省市县三级联动,和地址薄,今天就以实战来制作,难点有3个: 1:三级联动,有wex5组件实现,相对简单,实战里对行数据进行了拼接 2:  地址薄选项,利用inputSel ...

  3. 省市县三级联动 sql语句

    发现在网上的省市县三级联动大部分是mysql的.就算是sqlserver的,也不准确.于是就把mysql的给改了下,适用sqlserver.sql语句如下: CREATE TABLE Dic_Area ...

  4. Android 省市县 三级联动(android-wheel的使用)[转]

    转载:http://blog.csdn.net/lmj623565791/article/details/23382805 今天没事跟群里面侃大山,有个哥们说道Android Wheel这个控件,以为 ...

  5. Android 省市县 三级联动(android-wheel的使用)

    转载请注明出处:http://blog.csdn.net/lmj623565791/article/details/23382805 今天没事跟群里面侃大山,有个哥们说道Android Wheel这个 ...

  6. php仿经典省市县三级联动

    之前有个需求要写个类似省市县三级联动的页面,于是,网上找了点资料看了下,其实原理很简单: 当我们选择一级栏目中某条记录的时候,会获取该栏目的vaule值,并发起ajax请求,后台根据这个vaule值, ...

  7. 项目总结01:JSP mysql SpringMvc下中国省市县三级联动下拉框

    JSP mysql SpringMvc下中国省市县三级联动下拉框 关键词 JSP  mysql数据库  SpringMvc  ajax   Controller层  Service层  中国地区  省 ...

  8. Day 16 之二 省市县三级联动

    摘录自:雨神,供参考! province_dic = { "河北": { "石家庄": ["鹿泉", "藁城", &qu ...

  9. android:省市县三级联动(基于json和spring)

    一.请看效果图": 二.程序的代码: 1.MainActivity.java package com.loveplusplus.loader.demo.ui; import org.json ...

随机推荐

  1. spring(二、bean生命周期、用到的设计模式、常用注解)

    spring(二.bean生命周期.用到的设计模式.常用注解) Spring作为当前Java最流行.最强大的轻量级框架,受到了程序员的热烈欢迎.准确的了解Spring Bean的生命周期是非常必要的. ...

  2. Vue.js学习使用心得(四)——组件

    一.组件 组件(Component)是 Vue.js 最强大的功能之一. 组件可以扩展 HTML 元素,封装可重用的代码. 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界 ...

  3. 在jsp中应如何避免,request.getContextPath();等get报错问题

    导致request中的大部分get方法无法获取,是因为没有依赖的jar包.就像这样.这里不仅仅有getContextPath()方法报错,如果存在这个问题,大部分的request方法都不可用. 解决这 ...

  4. 【转载】Win10系统桌面右键新建没有Word、Excel、PPT怎么恢复?

    Win10系统桌面右键新建没有Word.Excel.PPT怎么恢复? 以下正文转载至: 网址:http://www.xitongzhijia.net/xtjc/20170307/93471.html ...

  5. Java自定义类加载器与双亲委派模型

    其实,双亲委派模型并不复杂.自定义类加载器也不难!随便从网上搜一下就能搜出一大把结果,然后copy一下就能用.但是,如果每次想自定义类加载器就必须搜一遍别人的文章,然后复制,这样显然不行.可是自定义类 ...

  6. 【转载】Ocelot网关的路由热更新

    调用API修改Ocelot的配置文件 May 11, 2018 | netcoreocelot | 410 阅读 Ocelot是一个基于.net core的开源webapi服务网关开源项目,功能比较强 ...

  7. addEventListener以及滑轮滑动事件的应用

    addEventListener用于向元素添加事件,而其适用于较新版的IE浏览器(如IE9),对于IE6/7/8来说,应该用attachEvent 下面的代码即为向<img>元素添加事件 ...

  8. crontab定时任务第一个周期未完成下一个周期执行就来了

    一.现象 有一个定时任务,每分钟执行一次,前一分钟还没有执行完成,下一个分钟就来了,怎么解决. 二.模拟 #!/bin/bash echo "开始 `date` " >> ...

  9. 1.1.8 怎样在Word的页眉中插入一级标题

    可以通过域来实现,其具体的操作步骤: 1.为章.节标题使用标题样式.例如:章标题使用标题1样式,节标题使用标题2样式.操作方法:选中章(节)标题,然后点击选项卡中“样式”中的). 2.设置文档页眉和页 ...

  10. Http原理与实践

    Http原理 一.使用Http协议最简单的例子 1.输入URL打开网页 2.AJAX获取数据 3.img标签加载图片 二.Cache-Control 1.public.private 2.must-r ...