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

[b]ComboBox：联动选择[/b]
[img]http://www.miniui.com/docs/api/images/combobox3.png[/img]

参考示例：[url=http://www.miniui.com/demo/combobox/linkage-combo.html]ComboBox：联动选择[/url]

[b]一：创建两个ComboBox[/b]
<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" />

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