EasyUI实现地址联动,显示默认值
来源:互联网 发布:java中私有属性 编辑:程序博客网 时间:2024/06/05 22:33
本人萌新一枚,完成了一个小任务,有点激动啊,立贴为据,正好也记录一下:
HTML部分:
省:<input id="sheng" class="easyui-combobox" style="width:200px">
市:<input id="shi" class="easyui-combobox" style="width:200px">
区/县:<input id="quxian" class="easyui-combobox" style="width:200px">
街道:<input id="jiedao" class="easyui-combobox" style="width:200px">
停车场:<input id="park" class="easyui-combobox" style="width:200px">
js部分;
$(function(){
// 地址联动
var url = '/pc/address/getAddressAjax';
// 加载省
$("#sheng").combobox({
url : url,
valueField : 'code',
textField : 'name',
editable:false,
loadFilter : function(d){
return d.data;
},
onLoadSuccess:function(){ // 设置默认值
var data= $(this).combobox("getData");
for (var i = 0; i < data.length; i++) {
if (data[i].name == '陕西省') {
$('#sheng').combobox('select', data[i].name);
$('#sheng').combobox('setValue', data[i].code);
break;
}
}
},
onSelect:function(sheng){ //联动
$('#shi').combobox('clear');// 清除原有市
$('#quxian').combobox('clear');// 清除原有区县
$('#jiedao').combobox('clear');// 清除原有街道
$('#park').combobox('clear');// 清除原有停车场
// 加载市
$("#shi").combobox({
url : url + '?parent=' + sheng.code,
valueField : 'code',
textField : 'name',
editable:false,
loadFilter : function(shi){
return shi.data;
},
onLoadSuccess:function(){ // 设置默认值
var shiData= $(this).combobox("getData");
for (var i = 0; i < shiData.length; i++) {
if (shiData[i].name == '西安市') {
$('#shi').combobox('select', shiData[i].name);
$('#shi').combobox('setValue', shiData[i].code);
break;
}
}
},
onSelect:function(shi){ //联动
$('#quxian').combobox('clear');// 清除原有区县
$('#jiedao').combobox('clear');// 清除原有街道
$('#park').combobox('clear');// 清除原有停车场
// 加载区
$("#quxian").combobox({
url : url + '?parent=' + shi.code,
valueField : 'code',
textField : 'name',
editable:false,
loadFilter : function(quanxian){
return quanxian.data;
},
onLoadSuccess:function(){ // 设置默认值
var quData= $(this).combobox("getData");
for (var i = 0; i < quData.length; i++) {
if (quData[i].name == '新城区') {
$('#quxian').combobox('select', quData[i].name);
$('#quxian').combobox('setValue', quData[i].code);
break;
}
}
},
onSelect:function(quxian){ //联动
$('#jiedao').combobox('clear');// 清除原有街道
$('#park').combobox('clear');// 清除原有停车场
// 加载街道
$("#jiedao").combobox({
url : url + '?parent=' + quxian.code,
valueField : 'code',
textField : 'name',
editable:false,
loadFilter : function(jiedao){
return jiedao.data;
},
onLoadSuccess:function(){ // 设置默认值
var jiedaoData= $(this).combobox("getData");
for (var i = 0; i < jiedaoData.length; i++) {
if (jiedaoData[i].name == '长乐中路') {
$('#jiedao').combobox('select', jiedaoData[i].name);
$('#jiedao').combobox('setValue', jiedaoData[i].code);
break;
}
}
},
onSelect:function(jiedao){ //联动
$('#park').combobox('clear');// 清除原有停车场
var city=$('#shi').combobox('getValue');
var area=$('#quxian').combobox('getValue');
var street=jiedao.code;
// 加载停车场
$("#park").combobox({
url : '/pc/address/getParkingByAddressAjax?city=' + city + '&area=' + area + '&street=' + street,
valueField : 'ckid',
textField : 'cname',
editable:false,
loadFilter : function(park){
return park.data;
},
onLoadSuccess:function(){ // 设置默认值
var parkData= $(this).combobox("getData");
for (var i = 0; i < parkData.length; i++) {
if (parkData[i].ckid == '16420101810600') {
$('#park').combobox('select', parkData[i].cname);
$('#park').combobox('setValue', parkData[i].ckid);
break;
}
}
}
})
}
})
}
});
}
});
},
});
})
- EasyUI实现地址联动,显示默认值
- EasyUI combox实现联动
- EasyUI实现多级联动
- 使用EasyUi实现三级联动
- 使用EasyUi实现三级联动
- EasyUi+Ajax实现二级联动
- easyui 下拉框内容联动显示
- Easyui实现省市县三级联动
- Easyui实现省市县三级联动
- Easyui实现乡镇村屯三级联动
- EasyUI+MySQL+Struts2实现省市二级联动
- easyui combobox 通过onchange实现联动
- 省市区三级联动菜单实现及三级联动下拉列表框默认值的设置
- 地址联动jquery插件的实现
- 地址联动(基于节点查找的实现)
- 地址联动(基于xpath的实现)
- angularjs实现地址的三级联动
- Android 地址选择器,实现省市区三级联动
- 基于python的添加和删除安全组的脚本
- 堆排序 C++
- Filter(过滤器)
- JVM面试题
- Button相关学习
- EasyUI实现地址联动,显示默认值
- LIBRARY_PATH 和 LD_LIBRARY_PATH 的关系
- tomcat下配置https环境(windows环境)
- Win7打开文件提示快捷方式存在问题的解决方法
- rgb2ind函数
- 杭电acm:HDU 2700 Parity
- 希尔排序
- 我蹲下是为了跳的更高!教你如何写合作邮件。
- Android平台开发-WIFI 驱动移植 -- 详细