jquery easyui 中combobox的onselect事件怎么做下拉框的级联
2个回答
展开全部
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(record.id==0){//如果城市是广州
region.push={id:0101,text:"黄埔区"};
region.push={id:0102,text:"天河区"};
}else if(record.id==1){//如果城市是上海
region.push={id:0101,text:"浦东区"};
region.push={id:0102,text:"松江区"};
}
//给box2赋值
$('#box2').combobox({
data: region
});
}
});
<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(record.id==0){//如果城市是广州
region.push={id:0101,text:"黄埔区"};
region.push={id:0102,text:"天河区"};
}else if(record.id==1){//如果城市是上海
region.push={id:0101,text:"浦东区"};
region.push={id:0102,text:"松江区"};
}
//给box2赋值
$('#box2').combobox({
data: region
});
}
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询