easyUI实现下拉菜单三级联动combobox

2019独角兽企业重金招聘Python工程师标准>>>

先来看看效果：

<tr>
<td style="text-align:left">宝贝地址:</td>
<td>
    <input id="cc1" class="easyui-combobox" name="regionId" editable="false" data-options="
            required:true,
                valueField: 'id',
                textField: 'name',
            url: '$basePath/freightTemplate/queryRegionList?id=0',
            onSelect: function(rec){
                $('#cc2').combobox('clear');  
                $('#cc3').combobox('clear');  
                var url = '$basePath/freightTemplate/queryRegionList?id='+rec.id;
                $('#cc2').combobox('reload', url);
            }">
    <input id="cc2" class="easyui-combobox" name="provinceId" editable="false" data-options="
            required:true,
            valueField: 'id',
                textField: 'name',
            onSelect: function(rec){
            $('#cc2').combobox('reload', url);
                $('#cc3').combobox('clear');
                var url = '$basePath/freightTemplate/queryRegionList?id='+rec.id;
                $('#cc3').combobox('reload', url);
            }">
    <input id="cc3" class="easyui-combobox" name="cityId" editable="false" data-options="
            required:true,
            valueField:'id',
            textField:'name'">
</td>
</tr>

转载于:https://my.oschina.net/longcnway/blog/689919