真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

重慶分公司

028-86922220

js省市區(qū)級聯(lián)查詢的示例分析

這篇文章主要為大家展示了“js省市區(qū)級聯(lián)查詢的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“js省市區(qū)級聯(lián)查詢的示例分析”這篇文章吧。

開封ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

實現(xiàn)方式千差萬別，滿足自己需求的才是最好的。

插件版提供了兩種方式：

distpicker版











Demo:

 
  
   Province

City

District

js省市區(qū)級聯(lián)查詢的示例分析

distpicker.data.js 、distpicker.js 下載地址

第二種插件版

js省市區(qū)級聯(lián)查詢的示例分析

相關(guān)js下載地址：鏈接: jqueryminjs

css下載地址：鏈接: css

無插件版：




  
    
    
    
  

  
     
    
      
        
          所在區(qū)域
          
            
            
          
          
            
            
          
          
            
            
          
        
      
    
     
    數(shù)據(jù)來源：
      http://www.stats.gov.cn/tjsj/tjbz/xzqhdm/201504/t20150415_712722.html
    
    
    
    
      $(function() {
        var html = "== 請選擇 ==";
        $("#input_city").append(html);
        $("#input_area").append(html);
        $.each(pdata, function(idx, item) {
          if(parseInt(item.level) == 1) {
            html += "" + item.name + "";
          }
        });
        $("#input_province").append(html);

        $("#input_province").change(function() {
          if($(this).val() == "") return;
          $("#input_city option").remove();
          $("#input_area option").remove();
          var code = $(this).find("option:selected").attr("exid");

          code = code.substring(0, 2);
          var html = "== 請選擇 ==";
          $("#input_area").append(html);
          $.each(pdata, function(idx, item) {
            if(parseInt(item.level) == 2 && code == item.code.substring(0, 2)) {
              html += "" + item.name + "";
            }
          });
          $("#input_city").append(html);
        });

        $("#input_city").change(function() {
          if($(this).val() == "") return;
          $("#input_area option").remove();
          var code = $(this).find("option:selected").attr("exid");
          code = code.substring(0, 4);
          var html = "== 請選擇 ==";
          $.each(pdata, function(idx, item) {
            if(parseInt(item.level) == 3 && code == item.code.substring(0, 4)) {
              html += "" + item.name + "";
            }
          });
          $("#input_area").append(html);
        });
        //綁定
        $("#input_province").val("山東省");
        $("#input_province").change();
        $("#input_city").val("濰坊市");
        $("#input_city").change();
        $("#input_area").val("諸城市");

      });