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>

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