首页 > 代码库 > easyui-combobox实现省-市-区县级联菜单

easyui-combobox实现省-市-区县级联菜单

省:<input id="sheng" class="easyui-combobox"  style="width:100px" 
data-options="{
url:‘RegionServlet?parentid=0‘,
valueField:‘regionID‘,
textField:‘regionName‘,
onSelect:function(region){

$(‘#shi‘).combobox(‘clear‘); //清除原有项目
$(‘#quxian‘).combobox(‘clear‘); //清除原有项目

$(‘#shi‘).combobox(‘reload‘,‘RegionServlet?parentid=‘+region.regionID);
$(‘#quxian‘).combobox(‘reload‘,‘RegionServlet‘);//清理原有显示内容


//alert(‘选择了省=‘+region.regionID)

}}"
>  
<br>
市:<input id="shi" class="easyui-combobox"  style="width:100px" 
data-options="{
url:‘RegionServlet‘,
valueField:‘regionID‘,
textField:‘regionName‘,
onSelect:function(region){

$(‘#quxian‘).combobox(‘clear‘); //清除原有项目
$(‘#quxian‘).combobox(‘reload‘,‘RegionServlet?parentid=‘+region.regionID);

//alert(‘选择了省=‘+region.regionID)
}}"
>  

<br>
区县<input id="quxian" class="easyui-combobox"  style="width:100px" 
data-options="{
url:‘RegionServlet‘,
valueField:‘regionID‘,
textField:‘regionName‘
}">

技术分享

 

easyui-combobox实现省-市-区县级联菜单