实现下拉菜单

来源:互联网 发布:类似逗游的软件 编辑:程序博客网 时间:2024/04/29 22:33
 

function ajaxtest(val){

    alert("您选中了:"+val);
 //第一步,初始化xhr对象(XMLHttpRequest)
 var xhr = new XMLHttpRequest();
 //第二步,初始化url,并且打开请求
 var url = "./responseajax.php?r="+Math.random();
 
 xhr.open('get',url,true);
 //第三步,发送请求
 xhr.send(null);
 //第四步,监听状态值
 xhr.onreadystatechange = function (){
  
  //第五步,进行必要的判断
  if(xhr.readyState == 4){
 
   //第六步,获取服务器的信息
   var arr=xhr.responseText.split("@");
     
   //把"11:北京"在进行分解保存到arr2
   
   for(var i=0;i<arr.length;i++){
    
    var arr2=arr[i].split(":");
    //输出显示
    document.write("id: "+arr2[0]+" 名称:"+arr2[1]+"<br>");
    
    } } }}
</script>
</head>

<body>
请选择
<select onchange="ajaxtest(this.value)">
  <option value="0">==请选择==</option>
  <option value="11">==保定==</option>
</select>

原创粉丝点击