您的位置:首页 > Web前端 > JavaScript

AJAX实现省市级联 JS

2011-05-24 09:30 309 查看
<SCRIPT type="text/javascript">
 
  var XMLHttp;

function createXmlhttpRequest() {//判断浏览器  创建异步请求对象
 if (window.ActiveXObject) {//IE
  XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
 } else if (window.XMLHttpRequest) {//火狐
  XMLHttp = new XMLHttpRequest;
 }
}
 
 function getshibysheng() {
   var shengname = document.getElementById("province").value;
   createXmlhttpRequest();
   var url = "city!getcitylist.action";
   var arg = "province=" + shengname+"&time="+ new Date().getTime();
   XMLHttp.onreadystatechange = getshi1;
   XMLHttp.open("POST", url);
      XMLHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
   XMLHttp.send(arg);
}
  function getshi1(){
  if(XMLHttp.readyState==4&&XMLHttp.status==200){
  var allshi = JSON.parse(XMLHttp.responseText);
    document.all.city.length=0;
    for(var i =0;i<allshi.length;i++)
    {
     var option =document.createElement("OPTION");
     
      option.text=allshi[i].name;
      option.value=allshi[i].id;
      option.id=allshi[i].pid;
        document.all.city.options.add(option);
    }
    if(document.all.province.value=="quanguo"){
     var option =document.createElement("OPTION");
     option.text="-请选择地区-";
      document.all.city.options.add(option);
    }
  }
}
 </SCRIPT>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息