combox省市县三级联动
/** * 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省市县三级联动的更多相关文章
- jQuery - 全国省市县三级联动
最近有空用jquery做了一个全国省市县的三级联动,在以后或许可以用的到 ,遗憾的是我还没用封装,等有空看能不能封装成一个插件 废话不多说,贴上代码: <!doctype html> &l ...
- wex5 实战 省市县三级联动与地址薄同步
无论是商城,还是快递,都要用到省市县三级联动,和地址薄,今天就以实战来制作,难点有3个: 1:三级联动,有wex5组件实现,相对简单,实战里对行数据进行了拼接 2: 地址薄选项,利用inputSel ...
- 省市县三级联动 sql语句
发现在网上的省市县三级联动大部分是mysql的.就算是sqlserver的,也不准确.于是就把mysql的给改了下,适用sqlserver.sql语句如下: CREATE TABLE Dic_Area ...
- Android 省市县 三级联动(android-wheel的使用)[转]
转载:http://blog.csdn.net/lmj623565791/article/details/23382805 今天没事跟群里面侃大山,有个哥们说道Android Wheel这个控件,以为 ...
- Android 省市县 三级联动(android-wheel的使用)
转载请注明出处:http://blog.csdn.net/lmj623565791/article/details/23382805 今天没事跟群里面侃大山,有个哥们说道Android Wheel这个 ...
- php仿经典省市县三级联动
之前有个需求要写个类似省市县三级联动的页面,于是,网上找了点资料看了下,其实原理很简单: 当我们选择一级栏目中某条记录的时候,会获取该栏目的vaule值,并发起ajax请求,后台根据这个vaule值, ...
- 项目总结01:JSP mysql SpringMvc下中国省市县三级联动下拉框
JSP mysql SpringMvc下中国省市县三级联动下拉框 关键词 JSP mysql数据库 SpringMvc ajax Controller层 Service层 中国地区 省 ...
- Day 16 之二 省市县三级联动
摘录自:雨神,供参考! province_dic = { "河北": { "石家庄": ["鹿泉", "藁城", &qu ...
- android:省市县三级联动(基于json和spring)
一.请看效果图": 二.程序的代码: 1.MainActivity.java package com.loveplusplus.loader.demo.ui; import org.json ...
随机推荐
- Linux命令学习之路-文档浏览之less
使用权限:所有角色 使用方式:less [ options ] filename 作用:文档内容浏览,可向前或者向后浏览文档内容 注意点: 1.less 命令和 more 命令的作用大致相同,less ...
- golang-grpc-Unimplemented-desc
golang 调用grpc 服务方法时候提示:"rpc error: code = Unimplemented desc ="的错误, 这是由于pb中的package name 被 ...
- Java高级特性 第1节 集合框架和泛型
Java中,存储多个同类型的数据,可以用数组来实现,但数组有一些缺陷: 数组长度固定不变,布恩那个很好的适应元素数量动态变化的情况 可以通过数组.length获取数组长度,却无法直接获取数组中实际存储 ...
- JDK 8 安装及配置
1.配置java环境变量 注意:jdk文件夹名字取名不要用汉语取名. 1)鼠标右键点击我的电脑(计算机)选择属性栏 2)再点击左边高级系统设置 3)点击环境变量 4)在用户变量窗口新建变量名为JAVA ...
- 小程序客服下发消息禁止后 session from 还有用吗?
文章概要 1. 小程序下发政策调整分析 2. session from 数据还传到底三方了没? 1. 小程序下发政策调整分析 小程序客服功能下发策略调整 ...
- solr6.4.1 搜索引擎(1)启动eclipse启动
solr是一个java写的搜索引擎,所以支持java方式的eclipse调试. 本篇文章使用solr版本为6.4.1 一. 环境 solr 下载地址 http://archive.apache.org ...
- 20165312 实验一 Java开发环境的熟悉
20165312 实验一 Java开发环境的熟悉 一.实验内容及步骤 (一)使用JDK编译.运行简单的Java程序 Ctrl+Shift+T打开终端 输入cd cxgg20165312/test进入目 ...
- HTML/CSS基础知识(三)
浏览器内核 浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网页语法并渲染到网页上.浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息.不同的浏览器内核对网页的语法解释也不同,因此网页开发 ...
- Avalon Master 外设
- 实验三:xen环境下的第一个虚拟机的安装
实验名称: xen环境下的第一个虚拟机的安装 实验环境: 我们这里继续上面实验二来完成这个实验: 环境则是xen的安装环境,如下图: 开启虚拟机的的硬件辅助虚拟化功能: 实验要求: 这里我们通过安装b ...