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

ComboBox：联动选择

参考示例：ComboBox：联动选择

一：创建两个ComboBox

<span>部门</span>

<inputid="deptCombo"class="mini-combobox"style="width:150px;"textField="name"valueField="id"

onvaluechanged="onDeptChanged"url="../data/DataService.aspx?method=GetDepartments"

showNullItem="true"/>

<span>职位</span>

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

二：valuechanged加载第二个ComboBox

functiononDeptChanged(e){

varid=deptCombo.getValue();

positionCombo.setValue("");

varurl="../data/DataService.aspx?method=GetPositionsByDepartmenId&id="+id

positionCombo.setUrl(url);

}