var xmlHttp ;
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") ;
}else if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest() ;
}
}
function select_change() {
var depart = document.getElementById("depart").value ;
if(depart != null) {
createXMLHttpRequest() ;
var url = "dylist.jsp?depart="+depart ;
xmlHttp.open("GET",url,true) ;
xmlHttp.onreaddystatechange = showMembers ;
xmlHttp.send(null) ;
}
}
function showMembers() {
if(xmlHttp.readyState ==4) {
if(xmlHttp.status = 200) {
var membersData = xmlHttp.responseXML.getElementByTagName("member") ;
var membersSelect = document.getElementById("member") ;
var option = null ;
memberSelect.options.length = 0 ;
//循环将数据插入列表框中
for(var i=0 ;i
try {
membersSelect.appendChild(option) ;
}catch(e) {
alert(e) ;
}
}
}else {
alert("您请求的页面有异常发生");
}
}else {
//信息还没有返回,等待
}
}
部分
选择
部门一
部门二
部门三
部门四
dylist.jsp
动态加载列表框String depart = request.getParameter("depart") ;
if(depart == null) depart = "d1" ;
StringBuffer sb = new StringBuffer() ;
sb.append("") ;
Map map = new HashMap() ;
String d1 = "1001成员一1002成员二" ;
String d2 = "1003成员三1004成员四" ;
String d3 = "1005成员五1006成员六" ;
String d4 = "1007成员七1008成员八" ;
map.put("d1",d1) ;
map.put("d2",d2) ;
map.put("d3",d3) ;
map.put("d4",d4) ;
sb.append(map.get(depart.toString())) ;
sb.append("") ;
response.setContentType("text/xml") ;
out.write(sb.toString()) ;
%>
posted on 2007-10-13 21:44 Ke 阅读(461) 评论(0) 编辑 收藏 所属分类: ajax