JS联动无刷新更新下拉列表

*
 * @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编码会出错，谨记

转载于:https://www.cnblogs.com/Miler/archive/2008/07/17/1245236.html