EsayUI中相互关联的下拉框

　　如何使用EsayUI控件来实现下拉框的关联，例如实现：选中选择学院下的某个学院，在选择专业的下拉框中的内容自动变成该学院下的专业。

<span style="font-size:18px;"><input id="cc1" class="easyui-combobox" data-options="   
        valueField: 'id',   
        textField: 'text',   
        url: 'get_data1.php',   
        onSelect: function(rec){   
            var url = 'get_data2.php?id='+rec.id;   
            $('#cc2').combobox('reload', url);   
        }" />  
<input id="cc2" class="easyui-combobox" data-options="valueField:'id',textField:'text'" /> </span>

　　上段代码是来自EasyUI的帮助文件找到的。在页面中添加了两个下拉框，通过选中第一个下拉框的内容后，第二个下拉框的内容紧跟着改变。

　　下面的例子是在MVC中完成的下拉框的关联