easyui解决conbobox联动的问题

直接上代码：

<td>所属商店：</td>
                        <td><select class="easyui-combobox" id="cshop" name="osId" style="width: 173px" data-options="editable:false,valueField:'osId',textField:'osName',url:'${pageContext.request.contextPath}/shop/getAll.do'" onchange="change(this.value);"/>
                        </td>
                        
                    <td>类型：</td>
                        <td><select class="easyui-combobox" id="ctype" name="ofyId" style="width: 173px" data-options="editable:false,valueField:'ofyId',textField:'ofyName',url:'${pageContext.request.contextPath}/type/getAll.do'"/>
                        </td>

这是两个combobox，我想选取了第一个，第二个会根据第一个的选择而进行不同的变化

jq代码如下：

<script type="text/javascript">
//连个combobox的联动
$(document).ready(function () {
      //Start:设置combox的选择事件
      $('#cshop').combobox({
          onSelect: function () {
              var url = '${pageContext.request.contextPath}/type/getAllByName.do?osName='+ $('#cshop').combobox('getValue');
              $('#ctype').combobox('reload', url);
          }
      });
            });

</script>

这样即可进行两个列表的联动第二个根据第一个的变化而变化，数据都是异步加载的。