表名:province  结构如下

CallIn.tpl 模板页


<select id="consult_province" name="consult_province" class="easyui-combobox" style="width:200px;"><{$json_province}></select></td>

<input id="consult_city" name="consult_city" class="easyui-combobox"  data-options="valueField:'id',textField:'text'" style="width:200px;" >

<script type="text/javascript">     

//省份 下拉菜单 联动 城市
$("#consult_province").combobox({
onChange: function (n,o) { //alert('223323'); var selected_item=$('#consult_province').combobox('getValue');//省份
//alert(selected_item); /*
var data, json;
json='[{"id":1 , "text":"兰州" },{"id":14 ,"text":"敦煌" ,"selected":true},{"id":15 , "text":"临夏"}]';
data = $.parseJSON(json);
$("#consult_city").combobox("loadData", data);
*/ $.ajax({
type: "POST",
url: "Ajax-index.php?module=<{$module_name}>&action=Ajax_Province_Change",
dataType: "json",
data: {"data_item":selected_item },
beforeSend: function(){
//$('<div id="msg" />').addClass("loading").html("加载中...").css("color","#999").appendTo('.sub1');
},
success: function(json){
if(json.success==1){
//alert(json.msg);
//$("#consult_city option[value!=0]").remove(); //导入批号 var data = $.parseJSON(json.msg);
$("#consult_city").combobox("loadData", data); }else{
$.messager.alert('消息','数据加载失败!','error');
return false;
}
}
}); }
});
</script>

CallIn.php

//省份 智能提示--------------------------------------------------------------------------
$option='<option value="0"></option>';
$strSql="SELECT distinct name FROM province where deleted=0 order by date_entered asc";
$result_rows=$db->query($strSql);
while($row=mysql_fetch_array($result_rows)){
//echo($row[0]);
$option.='<option value="'.$row[0] .'">'. $row[0] .'</option>';
}
$smarty->assign('json_province', $option);

Ajax_Province_Change.php

        $province = stripslashes(trim($_POST['data_item']));
$select=" SELECT city_name ";
$select.=" FROM province WHERE deleted=0 and name='" . $province . "' "; $result=$db->query($select);
$Select_Option="[";//
$i=1;
while($row=$db->fetch_array($result)){
$value=$row[0];
if($i==1){
$Select_Option=$Select_Option . '{"id":"' .$value. '" , "text":"' . $value .'","selected":true },';
}
else{
$Select_Option=$Select_Option . '{"id":"' .$value. '" , "text":"' . $value .'" },';
}
$i=$i+1;
}
$Select_Option = substr($Select_Option,0,-1);
$Select_Option=$Select_Option . ']'; $arr['success'] = 1;
$arr['msg'] = $Select_Option;
echo json_encode($arr);
 

JQuery EasyUI combobox 省市两级联动的更多相关文章

  1. jquery easyui Combobox 实现 两级联动

    具体效果如下图:

  2. JS 省市两级联动(不带地区版本)

    基于网上找的一个版本改造,因为项目需求不需要地区只要省.市,所以做了改版,两个input上直接取出了数据 <html> <head> <script src=" ...

  3. Combobox下拉框两级联动

    下拉框的两级联动是我们开发中经常遇到一种情况.比如一个学生管理系统中,根据年级.科目及姓名查询学生考试成绩,年级和科目都是硬盘中的有限数据(数据库)而学生则可以有用户手动指定,这时在数据库中有年级和科 ...

  4. JQuery EasyUI Combobox的onChange事件

    html中的select 的change事件 <select id="consult_province" name="consult_province" ...

  5. jquery easyui combobox 级联及触发事件,combobox级联

    jquery easyui combobox 级联及触发事件,combobox级联 >>>>>>>>>>>>>>&g ...

  6. ajax实现无刷新两级联动DropDownList

    ajax实现的无刷新三级联动 http://zhangyu028.cnblogs.com/articles/310568.html 本文来自小山blog:http://singlepine.cnblo ...

  7. JS练习:两级联动

    代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title ...

  8. jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果

    一.插件介绍 最早做省市联动的时候都特别麻烦,后来在helloweba的一篇文章中看到这个插件,很不错的,后来就一直用了. 省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最 ...

  9. easyui commobox省市区县三级联动

    1.前端代码 <div class="col-6 f-group"> <label class="col-4 left_red"> 省名 ...

随机推荐

  1. 图解:如何在LINUX中安装VM-Tools

    转自:http://blog.csdn.net/fu9958/article/details/4807000 使用VM安装虚拟系统,真的很方便.可以让个人轻松拥有一个网络,并包含有很多中系统. 因此, ...

  2. Azure Web应用中设置静态虚拟目录的方法(比如部署Django需要用到)

    一.WEB应用中设置虚拟目录 二.在虚拟目录下放一个文件web.config,内容如下: <?xml version="1.0"?> <configuration ...

  3. JAVA的堆于栈

    1. 栈(stack)与堆(heap):都是Java用来在Ram中存放数据的地方.与C++不同,Java自动管理栈和堆,程序员不能直接地设置栈或堆. 2. 栈的优势:存取速度比堆要快,仅次于直接位于C ...

  4. 浅谈mysql中utf8和utf8mb4区别

    转自:http://ourmysql.com/archives/1402  实践过程中发现有时mysql的字符集会引起故障,所以需要了解下这个知识点. 一.简介 MySQL在5.5.3之后增加了这个u ...

  5. 常用jQuery知识

    什么是jQuery jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML do ...

  6. electron vue 开发客户端程序

    文档知识点 https://electronjs.org/docs/tutorial/about (1)Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Ma ...

  7. python 模块之platform模块(基本了解)

    # -*- coding: cp936 -*-#python 27#xiaodeng#python 模块之platform模块(基本了解)#获取底层平台的识别数据 #知道该模块用途即可,需要使用时直接 ...

  8. 输出前 k 大的数

    总时间限制: 10000ms 单个测试点时间限制: 1000ms 内存限制: 65536kB 描述 给定一个数组,统计前k大的数并且把这k个数从大到小输出. 输入 第一行包含一个整数n,表示数组的大小 ...

  9. 使用PHP做移动端 api接口开发方法(适用于TP框架)

    1. [代码]使用TP框架时 放在common文件夹下文件名就叫function.php ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ...

  10. Javascript中类型的判断

    数据类型的判断有这么几种方式 1.一元运算符 typeOf 2.关系运算符 instanceof 3.constructor 属性 4.prototype属性 一.typeof typeof的返回值有 ...