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 " οnclick="javascript:BuildSel('1,中国|2,美国|3,英国',document.getElementById('MySel'));" /> <input type="button" value=" AJAX " οnclick="javascript:GetAjax('123abc');" />
|