用javascript动态更改DropDownList下拉项

function clearitem(){ 

var drp1 = document.getElementById("drp1");
        while(drp1.options.length>0)
        {
           drp1.options.remove(0);
        } 

}

//动态更改方法(根据城市代码取得该市商业区并添加到DropDownList中)

 function getsyq()
    {
        var city = document.getElementById("DropDownList_Cities").value;  //取得城市代码
        var htp = new ActiveXObject("Msxml2.XMLHTTP");
        var drp1 = document.getElementById("drp1"); 
        var url = "?stat=1&city="+city  
        htp.open("post",url,true)
        htp.onreadystatechange=function()
        {
            if(htp.readyState==4)
            {

   clearitem();              //清除原有下拉项
               var str = htp.responseText;
               var opt = str.split(',');
               var s = opt.length
                for(var j = 0;j<s;j++)
               {
                  var newOption   =  document.createElement("OPTION");   //定义一个新的项
                  var ff = opt[j].split('|'); 
                newOption.text  =  ff[1];  
                newOption.value =  ff[1];  
                drp1.options.add(newOption); 
               } 
            }
        }
        htp.send()
       
    }

 

相关文章

$.AJAX()方法中的PROCESSDATA参数 在使用jQuery的$.ajax()方...
form表单提交的几种方式 表单提交方式一:直接利用form表单提...
文章浏览阅读1.3k次。AJAX的无刷新机制使得在注册系统中对于...
文章浏览阅读1.2k次。 本文将解释如何使用AJAX和JSON分析器在...
文章浏览阅读2.2k次。/************************** 创建XML...
文章浏览阅读3.7k次。在ajax应用中,通常一个页面要同时发送...