读书人

jQuery MiniUI 开发课程 表单控件 Com

发布时间: 2012-11-22 00:16:41 作者: rapoo

jQuery MiniUI 开发教程 表单控件 ComboBox:联动选择(十)
ComboBox:联动选择


参考示例:ComboBox:联动选择

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

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



<span>职位</span>

<input id="positionCombo" 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);
}

读书人网 >Web前端

热点推荐