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 ...
随机推荐
- 算法笔记1 - 编辑距离及其动态规划算法(Java代码)
转载请标注原链接:http://www.cnblogs.com/xczyd/p/3808035.html 编辑距离概念描述 编辑距离,又称Levenshtein距离,是指两个字串之间,由一个转成另一个 ...
- 数据持久化系列之Mysql
一.命令行操作 1.显示所有库: show databases; 2.要操作某个库,比如库名: db_book:use db_book; 3.查看表的基本结构,比如表名: t_book:desc t_ ...
- js layer.js
var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); 关闭弹出页 全屏弹出页面 layer.o ...
- 【python接口自动化-requests库】【二】requests库简单使用(入门)
一.post请求 前面讲了,我们get请求的时候,引入requests的包,然后直接使用get方法,那么post是不是一样的? 1.首先我们先引入requests import requests 2. ...
- .NET平台
.nat 是一种跨语言的平台 类跟对象回顾 由于对象归纳类 是归纳对象共性的过程 在类似的基础上 将状态和行为实体话为对象的过程称为实例话 只写属性 只包含set访问器 只读属性 只包含get ...
- 嵌入式Linux内核tasklet机制(附实测代码)
Linux 中断编程分为中断顶半部,中断底半部 中断顶半部: 做紧急,耗时短的事情,同时还启动中断底半部. 中断底半部: 做耗时的事件,这个事件在执行过程可以被中断. 中断底半部实现方法: taskl ...
- Mysql索引会失效的几种情况
1.如果条件中有or,即使其中有条件带索引也不会使用(这也是为什么尽量少用or的原因): 2.对于多列索引,不是使用的第一部分,则不会使用索引: 3.like查询是以%开头: 4.如果列类型是字符串, ...
- ClassNotFoundException与NoClassDefFoundError异常
方法 loadClass()抛出的是 java.lang.ClassNotFoundException异常(一般是jar冲突或者没有引入jar):方法 defineClass()抛出的是 java.l ...
- SpringSecurity-ExceptionTranslationFilter的作用
ExceptionTranslationFilter捕获异常并做相应的处理.处理逻辑如下: 1.首先判断是不是SpringSecurity产生的异常,如果是将在handleSpringSecurity ...
- windows下apache httpd2.4.26集群完整搭建例子:下载、启动、tomcat集群例子
第一部分——下载 1.1: 百度搜索apache httpd关键字,第一个链接既是官方下载地址.如果这一步不会,此篇文章不适合你阅读,请自行停止. 1.2:进入官网http://httpd.apach ...