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 ...
随机推荐
- JAVA常用设计模式(一、单例模式、工厂模式)
JAVA设计模式之单例模式 import java.util.HashMap; import java.util.Map; /** * 设计模式之单例模式 * 单例模式(Singleton Patte ...
- Windows10下安装MySQL8.0
1:首先去官网下载安装包 下载地址:https://dev.mysql.com/downloads/mysql/ 这是我下载版本 2:将解压文件解压到你安装的目录:E:\mysql-8.0.11-wi ...
- Python全栈之路----函数----高阶函数
变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一函数作为参数,这种函数就称之为高阶函数. 只需满足以下任意一个条件,即是高阶函数: 接收一个或多个函数作为输入 def func(x, ...
- 初窥async,await
首先是一道今日头条的面试题:(听说是今日头条的并且已经烂大街了) async function async1() { console.log( 'async1 start' ) await async ...
- MySQL Error--打开过多文件导致数据库无法连接
[此文抄自同事的邮件,当作笔记学习] 环境描述Mysql 5.5.21OS centos 5.8zabbix agent 2.4.3 情况描述现象数据库处于运行状态,但是无法创建新的连接,监控报警数据 ...
- MySQL Execution Plan--NOT IN查询
在某系统中想使用NOT IN子查询进行数据过滤,SQL为: SELECT * FROM TB001 AS T1 DAY) AND T1.BATCH_NO NOT IN(SELECT BATCH_NO ...
- uip移植telnetd并加入自己定义命令
版权声明: https://blog.csdn.net/cp1300/article/details/30541507 刚刚移植了一下uip的telnetd,还是比較简单方便的. 首先加入文件,注意u ...
- Java高级特性 第6节 注解初识
一.注解概述 Java注解也就是Annotation,是Java代码里的特殊标记,它为Java程序代码提供了一种形式化的方法,用来表达额外的某些信息,这些信息是代码本身无法表示的. 注解以标签的形式存 ...
- [转]golang的goroutine调度机制
golang的goroutine调度机制 版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[-] 一直对goroutine的调度机制很好奇最近在看雨痕的golang源码分析基于go ...
- Python 算术运算符
Python 算术运算符 运算结果为浮点数 除法:/ 整除: // 求余计算: % 求余运算可以用于固定时间的检测,比如说每10分钟进行一次什么样的操作,则:minute % 10 乘方运算: