首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-22 
jQuery MiniUI 开发教程 表单控件 ComboBox:联动选择(十)ComboBox:联动选择参考示例:ComboBox:联动选择一:

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);           
}

热点排行