直接上代码:
<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'" οnchange="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>
这样即可进行两个列表的联动第二个根据第一个的变化而变化,数据都是异步加载的。