javascript 绑定、构造 select 下拉菜单/最简单AJAX使用

javascript 绑定、构造 select 下拉菜单/最简单AJAX使用

2008/04/10 23:24

<script type="text/javascript" language="javascript"> //这里只是最简单的用法，如想看更加详细的，请看我的其它篇文章……     //javascript 绑定、构造 select 下拉菜单     //可扩展为连动下拉，只需要配合以下最简单AJAX，     //从数据库获取数据，并拼接成规则字符串即可     function BuildSel(str,obj)     {         var intSel = 0;         var intS = 0;         var strSel = ""         var arrSel = new Array();         arrSel = str.split("|");         intSel = arrSel.length;                    //清空原来的select         obj.options.length = 0;         obj.options.add(new Option("--请选择--","0"));                 for(var I=0;I<intSel;I++)         {             var arrSub = new Array();             arrSub = arrSel[I].toString().split(",");             obj.options.add(new Option(arrSub[1],arrSub[0]));         }     }         //最简单的AJAX使用     //注：AjaxReturn.aspx .aspx页面什么都删除（除了第一句：<%@ Page..）（用asp就没有），     //.cs就 Response.Write("成功返回：" + Request["Options"].ToString());//传空报错     function GetAjax(str)     {         var xmlhttp;         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")//只能用于IE5.5以上                 xmlhttp.onreadystatechange=function()         {                        if(xmlhttp.readyState == 4)//数据已经接收成功             {                                if(xmlhttp.status == 200)//请求成功                 {                     alert(xmlhttp.responseText);                 }                 else                 {                     alert(xmlhttp.status);                 }             }         }                     xmlhttp.open("get" , "AjaxReturn.aspx?Options="+str);         xmlhttp.send(null);     } </script> <select id="MySel" name="MySel"> <option value="0">--请选择--</option> </select> <input type="button" value=" SELECT " onclick="javascript:BuildSel('1,中国|2,美国|3,英国',document.getElementById('MySel'));" /> <input type="button" value=" AJAX " onclick="javascript:GetAjax('123abc');" />