AJAX省市區三級聯動下拉列表實現 JAVA開發

此小程序的功能主要是採用異步請求方式從數據庫中調取省市區信息顯示到下拉列表:

    代碼如下:

    建立數據庫中的代碼和一些配置文件信息就省略了,主要有JavaScript中的代碼爲:

   $(document).ready(function(){
     $.get("getProvince.do", function(result){
       $("#showp").html(result);
     });
   })
   var xmlhttp;
   function mysend(str){
    $(document).ready(function(){
         $("#show2").html("");
     })
    var show = document.getElementByIdx_x_x_x_x_x("show");
    show.innerHTML = "";
   
    var province = document.getElementByIdx_x_x_x_x_x("province").value;
    if(province!=0){
    
     if(window.XMLHttpRequest){
         xmlhttp = new XMLHttpRequest();
     }else{
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
     }
     
        xmlhttp.onreadystatechange=function(){
            if(xmlhttp.readyState==4 && xmlhttp.status==200){
              
                show.innerHTML = xmlhttp.responseText;
             
             }
        }
        var ss = encodeURIComponent(str);
        xmlhttp.open("GET","getCity.do?provinceid="+ss,true);
        xmlhttp.send(null);
    
        }
    }
    
      
       function myarea(str){
    
    if(window.XMLHttpRequest){
        xmlhttp = new XMLHttpRequest();
    }else{
  

發佈了27 篇原創文章 · 獲贊 2 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章