jQuery MiniUI 开发教程 表单控件 ComboBox：联动选择（十）

nikofan

ComboBox：联动选择


参考示例：ComboBox：联动选择

一：创建两个ComboBox
<span>部门</span>

<input id="deptCombo" class="mini-combobox" style="width:150px;" textField="name" valueField="id"
    onvaluechanged="onDeptChanged" url="../data/DataService.aspx?method=GetDepartments"
    showNullItem="true"/>         



<span>职位</span>

<input id="positionCombo" class="mini-combobox" style="width:150px;" textField="name" valueField="id" />  

二：valuechanged加载第二个ComboBox
function onDeptChanged(e) {
    var id = deptCombo.getValue();
    positionCombo.setValue("");
    var url = "../data/DataService.aspx?method=GetPositionsByDepartmenId&id=" + id
    positionCombo.setUrl(url);            
}