easyui combobox 动态加载的两种方法
reload 方法
javascript代码
//指定id 和 text 否则始终选择第一个
$('#contact_city').combobox({
valueField:'id',
textField:'text'
});
$('#contact_province').combobox({
onSelect: function (data) {var url = "Ajax-index.php?module=Contact&action=Ajax_Contact_Province_Change"+"&contact_province=" +data.text;
$('#contact_city').combobox('reload', url);
}
});
php代码
$province =trim($_GET['contact_province']);
$select="SELECT p.province,c.id,c.city,p.provinceid from province as p JOIN city as c ON p.provinceid = c.provinceid where p.province='" . $province . "'";
$result=$db->query($select);
$Select_Option="";
while($row=$db->fetch_array($result)){
$key=$row[1];
$value=$row[2];
if($Select_Option==""){
$Select_Option= '{"id":"'.$key.'","text":"'.$value.'"}' ;
}else{
$Select_Option=$Select_Option .",". '{"id":"'.$key.'","text":"'.$value.'"}' ;
}
}
$Select_Option="[" . $Select_Option ."]";
echo $Select_Option;
loadData 方法
javascript
$(function(){
$('#contact_city').combobox({
valueField:'id',
textField:'text',
editable:false //是否可编辑
});
})
$(document).ready(function () {
$("#contact_province").combobox({
onChange: function (newVal,oldVal) {
var contact_province=newVal;
$.ajax({
type: "POST",
url: "Ajax-index.php?module=<{$module_name}>&action=Ajax_Contact_Province_Change",
dataType: "json",
data: {"contact_province":contact_province },
beforeSend: function(){
//$('<div id="msg" />').addClass("loading").html("加载中...").css("color","#999").appendTo('.sub1');
},
success: function(json){
if(json.success==1){
//alert(json.msg);
var data = $.parseJSON(json.msg);
$("#contact_city").combobox("loadData", data);
$("#contact_city ").combobox('select',data[0].text);//默认选中第一项
}else{
$.messager.alert('消息','数据加载失败!','error');
return false;
}
}
});
}
});
});
PHP代码
$province =trim($_POST['contact_province']);
$select="SELECT p.province,c.city,p.provinceid from province as p JOIN city as c ON p.provinceid = c.provinceid where p.province='" . $province . "'";
$result=$db->query($select);
$Select_Option="";
while($row=$db->fetch_array($result)){
$value=$row[1];
if($Select_Option==""){
$Select_Option= '{"id":"'.$value.'","text":"'.$value.'"}' ;
}else{
$Select_Option=$Select_Option .",". '{"id":"'.$value.'","text":"'.$value.'"}' ;
}
}
$Select_Option="[" . $Select_Option ."]";
$arr['success'] = 1;
$arr['msg'] = $Select_Option;
echo json_encode($arr);
easyui combobox 动态加载的两种方法的更多相关文章
- jquery动态加载js三种方法实例
这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getScript(\"test.js\" ...
- easyui combobox 动态加载数据C#
<script type="text/javascript" src="Scripts/jquery-1.8.2.min.js"></scri ...
- easyui combobox 动态加载数组数据
怕自己忘了,记录下来以后用方便 html部分 <input id="rzcode" name="businesItemId" style="wi ...
- WP & Win10开发:实现ListView下拉加载的两种方法
1.通过ListView控件的ContainerContentChanging方法.该方法在列表项被实例化时触发,在列表项最后一个项目实例化的时候触发刷新数据逻辑就可以实现下拉加载了. 代码如下:// ...
- 两种动态加载JavaScript文件的方法
两种动态加载JavaScript文件的方法 第一种便是利用ajax方式,第二种是,动静创建一个script标签,配置其src属性,经过把script标签拔出到页面head来加载js,感乐趣的网友可以看 ...
- js如何动态创建表格(两种方法)
js如何动态创建表格(两种方法) 一.总结 一句话总结: 1.方法一:写好创建表格的html代码,将之赋值给div的innerHTML. 2.方法二.直接用创建好的table元素的方法insertRo ...
- c#动态加载卸载DLL的方法
这篇文章介绍了c#动态加载卸载DLL的方法,有需要的朋友可以参考一下 c#中通过反射可以方便的动态加载dll程序集,但是如果你需要对dll进行更新,却发现.net类库没有提供卸载dll程序集的方法.在 ...
- ChemDraw加键的两种方法
绘制化学结构离不开9种ChemDraw键工具,键工具在绘制过程中提供了最大的使用优势,这种优势体现在键角.键长的绘制,故很有必要学习相关的ChemDraw使用技巧.本ChemDraw教程将具体介绍在C ...
- EasyUI datagrid动态加载json数据
最近做一个项目,要求是两张张表可能查找出10多种不同的结果集. 如果想只用一个表格就把全部的结果不同的显示出来那么就肯定不同使用固定的字段名字,要通过动态加载后台返回来的数据把它显示出来就必须动态加载 ...
随机推荐
- Elasticsearch - 理解字段分析过程(_analyze与_explain)
我们经常会遇到问题.为什么指定的文档没有被搜索到.许多情况下, 这都归因于映射的定义和分析例程配置存在问题. 针对分析过程的调试,ElasticSearch提供了专用的REST API. _analy ...
- MySQL 存储过程/游标/事务
将会用到的几个表 mysql> DESC products; +------------+--------------+------+-----+---------+-------------- ...
- SQL从一个表查询数据插入/更新到另一个表
示例一: 从数据库表A中查询出数据插入到数据库表B 从数据库DataBaseA的表TDA中查询出数据插入到数据库DataBaseB的表TDB insert into [DataBaseA].[dbo] ...
- SHELL函数处理
SHELL函数调用分为两种: 第一种方式,有点像C语言调用函数的风格,直接把函数的执行结果复制给变量!不过,这个赋值过程和C语言的函数赋值是不一样的! C语言中,函数调用,是将函数的返回值返回给被调函 ...
- java动态代理_aop
(一)代理概述 1.问题:要为已存在的多个具有相同接口的目标类的各个方法增加一些系统功能,例如,异常处理.日志.计算方法的运行时间.事务管理等等,如何去做? 解答:编写一个与目标类具有相同接口的代理类 ...
- emplace_back() 和 push_back 的区别(转)
在引入右值引用,转移构造函数,转移复制运算符之前,通常使用push_back()向容器中加入一个右值元素(临时对象)的时候,首先会调用构造函数构造这个临时对象,然后需要调用拷贝构造函数将这个临时对象放 ...
- 《Cocos2d-JS开发之旅》重印在即,感谢大家的支持
3月第一次印刷的<Cocos2d-JS开发之旅>已经销售完毕,即将启动第二次印刷. 感谢各位读者的支持,最近<开发之旅>荣登京东cocos2d-x系列书籍的销售排行首位. 新版 ...
- 事件响应的优先级、stopProgapation禁止下层组件响应
cocos2d-js没有完整的鼠标事件处理,这点比js/flash的要差一些,不过凑合着也可以用了. 一般界面编程,可以用显示列表的Node作为监听器的优先级,在上方的会比下方的高优先级. 而coco ...
- ibatis中#和$如何当作字符使用?
1.情景展示 在plsql中,可以正常执行 但是在ibatis的sqlMap文件中,报错信息如下: 2.原因分析 ibatis中 #.$ 是功能符号,用来取值的,当sql中出现这类字符时便会造成冲 ...
- 【DB2】慎用nickname,可能会引起效率较低
在使用db2的时候,在A库建立了nickname,指向B库的物理表(数据量800多万),现在使用程序(JDBC)连接数据库,并计算指标,但是发现效率很低. 解决办法: 删除A库中的nickname,在 ...