1. /**
  2. * Name 获取省份(初始化)
  3. */
  4. function showProvince(id1, id2, id3) {
  5. var paramData = {};
  6. $.ajax({
  7. url: osplatUrl + '/osplat/province/select',
  8. type: 'POST',
  9. data: {
  10. phone: userName,
  11. password: passWord,
  12. },
  13. dataType: 'json',
  14. success: function (result) {
  15. // 下拉框选择控件,下拉框的内容是动态查询数据库信息
  16. var lastSelected;
  17. var presentSelected;
  18. $(id1).combobox({
  19. data: result.data,
  20. panelHeight: 300,//滚动条
  21. editable: false, //不可编辑状态
  22. cache: false,
  23. valueField: 'provinceCode',//id
  24. textField: 'provinceName',//name
  25. onLoadSuccess: function () {
  26. $(id1).combobox('select', "");
  27. //$(id1).combobox('select',row.province);
  28. },
  29. onBeforeLoad: function (parm) { //可复用代码块 在请求加载数据之前触发,返回 false 则取消加载动作
  30. var value = $(this).combobox('getValue');
  31. if (value) {
  32. parm.test = value;
  33. return true;
  34. }
  35. return false;
  36. },
  37. onSelect: function () { // 不可复用代码块
  38. presentSelected = $(this).combobox("getValue");
  39. //debugger;
  40. if (lastSelected != presentSelected) { // 避免重复点击再加载
  41. // 先消除次级的数据
  42. $(id2).combobox({ // 不可复用
  43. editable: false, //不可编辑状态
  44. loadData: {}
  45. });
  46. $(id3).combobox({ // 不可复用
  47. editable: false, //不可编辑状态
  48. loadData: {}
  49. });
  50. lastSelected = presentSelected;
  51. showCitySearch(id2, id3, presentSelected);
  52. }
  53. },
  54. });
  55. }
  56. });
  57. }
  58.  
  59. function showCitySearch(id, id3, value) {
  60. var paramData = {};
  61. paramData.provinceCode = value;
  62. $.ajax({
  63. url: osplatUrl + '/osplat/city/select',
  64. type: 'POST',
  65. data: {
  66. phone: userName,
  67. password: passWord,
  68. data: JSON.stringify(paramData)
  69. },
  70. dataType: 'json',
  71. success: function (result) {
  72. /*var status_all = {};
  73. status_all.cityCode = -100;
  74. status_all.cityName = '全部';
  75. result.data.push(status_all);*/
  76. // 下拉框选择控件,下拉框的内容是动态查询数据库信息
  77. var lastSelected;
  78. var presentSelected;
  79. $(id).combobox({ // 不可复用
  80. data: result.data,
  81. panelHeight: 300,//滚动条
  82. editable: false, //不可编辑状态
  83. cache: false,
  84. valueField: 'cityCode',
  85. textField: 'cityName',
  86. onLoadSuccess: function () {
  87. $(id).combobox('select', "");
  88. // $(id).combobox('select',provider.city);
  89. },
  90. onBeforeLoad: function (parm) { //可复用代码块
  91. var value = $(this).combobox('getValue');
  92. if (value) {
  93. parm.test = value;
  94. return true;
  95. }
  96. return false;
  97. },
  98. onSelect: function () { // 不可复用代码块
  99. presentSelected = $(this).combobox("getValue");
  100. if (lastSelected != presentSelected) { // 避免重复点击再加载
  101. // 先消除次级的数据
  102. $(id3).combobox({ // 不可复用
  103. editable: false, //不可编辑状态
  104. loadData: {}
  105. });
  106. lastSelected = presentSelected;
  107. showCountySearch(id3, presentSelected);
  108.  
  109. }
  110. },
  111. });
  112.  
  113. }
  114. });
  115. }
  116.  
  117. function showCountySearch(id, value) {
  118. var paramData = {};
  119. paramData.cityCode = value;
  120. $.ajax({
  121. url: osplatUrl + '/osplat/county/select',
  122. type: 'POST',
  123. data: {
  124. phone: userName,
  125. password: passWord,
  126. data: JSON.stringify(paramData)
  127. },
  128. dataType: 'json',
  129. success: function (result) {
  130. $(id).combobox({ // 不可复用
  131. data: result.data,
  132. panelHeight: 300,//滚动条
  133. editable: false, //不可编辑状态
  134. cache: false,
  135. valueField: 'countyCode',
  136. textField: 'countyName',
  137. onLoadSuccess: function () {
  138. $(id).combobox('select', "");
  139. //$(id).combobox('select',provider.county);
  140. },
  141. onBeforeLoad: function (parm) { //可复用代码块
  142. var value = $(this).combobox('getValue');
  143. if (value) {
  144. parm.test = value;
  145. return true;
  146. }
  147. return false;
  148. },
  149. onSelect: function (row) {
  150. var value = $(this).combobox("getValue");
  151. var text = $(this).combobox("getText");
  152. },
  153.  
  154. });
  155. }
  156.  
  157. });
  158. }

  

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. XXS level8

    (1)查看PHP源代码 <?php ini_set("display_errors", 0); $str = strtolower($_GET["keyword&q ...

  2. 初始化 CSS 样式

    为什么要初始化 CSS 样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异. 当然,初始化样式会对 SEO 有一定的影响,但鱼 ...

  3. day06 内存地址 小数据池缓存机制

    1. 内存相关 示例一 v1=[11,22,33] v2=[11,22,33] #值相等 内存地址不等 v1=11 v2=11 #按理说内存地址应该不等,但是python为了优化使其内存地址相等 v1 ...

  4. build to win读后感

    在软件开发的过程中,不能盲目去show自己的成果,而是要大量考虑别人的意见,在广范围的撒网之后,收集意见,最后在一锤定音. 还有就是,要懂得团队合作,例如,本文介绍了一个事例,作者的团队与科研团队合作 ...

  5. Burpsuite 1.7.33启动的一点小问题。

    最近用的burp到期了,就想找个新版本的. https://www.52pojie.cn/thread-691448-1-1.html 上面帖子里贴了最新的几个版本的burp,下载以后,问题出现了,无 ...

  6. Java中的接口和抽象类

    接口和抽象类是Java设计中最基本的概念,它们都不能实例化对象,都可以实现多态,也都能用来创建匿名内部类.但实际使用上还有很多的不同. 两者的语法定义不同,对应的设计抽象关系也不同,接口主要是对行为的 ...

  7. CSS 社区的解决方案,对比

    在众多解决方案中,没有绝对的优劣.还是要结合自己的场景来决定. 我们团队在使用过 scss 和 css modules 后,仍然又重新选择了使用 scss.css modules 虽然有效解决了样式冲 ...

  8. 1.1 VMware简介

    VMware是真正“同时”运行,多个操作系统在主系统的平台上,像标准Windows应用程序那样切换.而且每个操作系统你都可以进行虚拟的分区.配置而不影响真实硬盘的数据,通过网卡将几台虚拟机用网卡连接为 ...

  9. System.Object

    Object():System.Object类型的构造函数,自动调用. ~Object()/Finalize():System.Object类型的祈构函数,自动调用且不能够手动. Equals(obj ...

  10. 【C++】读取参数的类

    在C++程序中,如果我们把程序中的参数都保存在txt文本中,运行时再去读取.这样的好处是,当我们需要调参的时候,不需要每次都重新编译程序,大大提升了效率. 今日分享一份实现以上功能的代码,代码来源:h ...