
1:准备2个input设置不同的id
<input id="box1">
<input id="box2">
2:注册easyui的combobox控件
$('#box1')combobox({
data:[{id:0,text:'广州'},{id:1,text:'上海'}]
valueField:'id',
textField:'text'
});
$('#box2')combobox({
valueField:'id',
textField:'text'
});
3:由box1联动显示box2的数据,设置box1的onSelect事件
$('#box1')combobox({
onSelect:function(record){
var region=[];
if(recordid==0){//如果城市是广州
regionpush={id:0101,text:"黄埔区"};
regionpush={id:0102,text:"天河区"};
}else if(recordid==1){//如果城市是上海
regionpush={id:0101,text:"浦东区"};
regionpush={id:0102,text:"松江区"};
}
//给box2赋值
$('#box2')combobox({
data: region
});
}
});
var width = $(window)width()-80;
var height = $(window)height()-120;
stView_layout = $('#stView_layout')layout({
width: width,
height: height
});
station_view = $('#stationView')window({
title: '测站导航',
left:50,
top:80,
width: width,
modal: false,
shadow: false,
closed: true,
height: height,
onResize:function(w,h){
if(stView_treegrid){
stView_treegridtreegrid({
width:w-20,
height:h-260
});
}
}
});
1:准备2个input设置不同的id
<input id="box1"><input id="box2">
2:注册easyui的combobox控件
$('#box1')combobox({
data:[{id:0,text:'广州'},{id:1,text:'上海'}]
valueField:'id',
textField:'text'
});
$('#box2')combobox({
valueField:'id',
textField:'text'
});
3:由box1联动显示box2的数据,设置box1的onSelect事件
$('#box1')combobox({
onSelect:function(record){
var region=[];
if(recordid==0){//如果城市是广州
regionpush={id:0101,text:"黄埔区"};
regionpush={id:0102,text:"天河区"};
}else if(recordid==1){//如果城市是上海
regionpush={id:0101,text:"浦东区"};
regionpush={id:0102,text:"松江区"};
}
//给box2赋值
$('#box2')combobox({
data: region
});
}
});
4:
以上就是关于jquery easyui 中combobox的onselect事件怎么做下拉框的级联全部的内容,包括:jquery easyui 中combobox的onselect事件怎么做下拉框的级联、在easyUI联动加载下拉框的时候为什么 只能显示 不能选择下拉框的值 我绑定的id 是唯一的啊 !!求解!!、jquery easyUI datagrid中combobox级联过滤怎么实现等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)