* @author J.C
* @DateTime 2008/05/26
*/
//尝试创建XMLHttpRequest
var request= false;
//定义创建函数
function CreateRequest(){
try {
request = new XMLHttpRequest();
}
catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (tryOthermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (failed) {
request = false;
}
}
}
//失败弹出对话窗
if (!request) {
alert("Error initializing XMLHttpRequest!");
}
}
//绑定首项
function GetDateLabelList(code){
CreateRequest();
var url ="http://localhost/AJAX/DateLabelItemByCode.aspx?Code="+code;
request.open("Post",url,false);
request.send();
var strResult = request.responseText;
var arrResult = strResult.split("|||");
//定义绑定的下拉列表
var f = document.getElementById("DrpItemList");
for (var i = 0; i < arrResult.length; i++) {
arrTmp = arrResult[i].split("---");
VarId = arrTmp[0]; //ID的值
VarName = arrTmp[1]; //ChineseText的值
var varItem = new Option(VarName,VarId);
f.options.add(varItem);
}
GetItemlist();
}
//绑定第二个下拉列表的操作
function GetItemlist(){
CreateRequest();
var strId=document.getElementById("DrpItemList").value;
var url2="http://localhost/AJAX/DateLabelItemById.aspx?ID="+strId;
request.open("Post",url2,false);
request.send();
var strResult2=request.responseText;
var arrResult2=strResult2.split("|||");
//定义绑定的下拉列表?
var g=document.getElementById("DrpItemList2");
//清除下拉列表项
g.options.length=0;
for(var j=0;j<arrResult2.length;j++){
arrTmp2=arrResult2[j].split("---");
VarId2=arrTmp2[0];//ID的值
VarName2=arrTmp2[1];//ChineseText的值
var varItem2=new Option(VarName2,VarId2);
g.options.add(varItem2);
}
}
//对Select操作
function AddItem(obj, text, value){
var varItem = new Option(text, value);
obj.option.add(varItem);
}
=================================================
http://localhost/AJAX/DateLabelItemById.aspx?ID="+strId
提供返回下级列表数据的WebService
插曲:发现JS文件只能用UTF-8编码,如果用bg2312编码会出错,谨记