<input type="text" id="name1" name="name1" class="easyui-combobox" editable="false"/>
<input type="text" id="name2" name="name2" class="easyui-combobox" editable="false"/>
<input type="text" id="name3" name="name3" class="easyui-combobox" editable="false"/>
<script type="text/javascript">
$(function(){
selectName('#name1','#name2','#name3');
});
function selelctName(level1,levle2,levle3){
$(levle1).combobox({
valueField:'id',
textField:'text',
panelHeight:'auto',
url :'levlecombobox.josn',
onselect:function(record){
$(levle2).combobox('clear');
$(level3).combobox('clear');
$(levle2).combobx('reload','levelcombobox2'+record.id+'.josn' );
}
});
$(levle2).combobx({
valueField:'id',
textField:'text',
panelHeight:'auto',
editable:false,
onselect:function(record){
$(levle3).combobox('clear');
$(levle3).combobox('reload','levlecombobox3'+record.id+'.josn')
}
});
$(level3).combobox({
valueField:'id',
textField:'text',
panelHeight:'auto',
editable:false
});
}
</script>