运用easyUI实现三级级联

 第一步：写一个HTML（前台页面）
<div class="easyui-layout" data-options="fit:true">
  <div data-options="region:'center',border:false">
    <div id="wu-toolbar-ddcx">
      <div id="search-ddcx" class="easyui-accordion">
        <div id="search_ddcx" title="" style="overflow: auto; padding: 10px;"></div>
        <div id="searchddcx" title="搜索区" class="wu-toolbar-search" iconCls="icon-search" align="center" style="overflow: auto; padding: 10px;">
          <label>国家：</label>
          <select class="easyui-combobox" id="countries" data-options="width:'140'"></select>
          
          <label>省份：</label>
          <select class="easyui-combobox" id="province" data-options="width:'140'"></select>
  
  <label>城市：</label>
          <select class="easyui-combobox" id="city" data-options="width:'140'"></select>
        </div>
      </div>
    </div>
  </div>
  
</div>




<script type="text/javascript">




$(function() {
countriesInit();
});




//初始化国家
function countriesInit(){
$("#countries").combobox({
url:getBaseUrl('/api/sjld/listCountries',''),
method:'GET',
panelHeight:'200',
        valueField:'code',
        textField:'name',
        onChange: function () {
         provinceInit($(this).combobox('getValue'));
}
});
}




//初始化省份
function provinceInit(val){
$("#province").combobox({
url:getBaseUrl('/api/sjld/listProvince','&country_code='+val),
method:'GET',
panelHeight:'200',
        valueField:'code',
        textField:'name',
        onChange:function(){