省市三级联动，支持回显（ID回显）

最新推荐文章于 2021-06-22 12:05:32 发布

837927397@QQ.COM

最新推荐文章于 2021-06-22 12:05:32 发布

阅读量1.3k

点赞数

分类专栏： JS 文章标签：省市联动省市三级联动

本文链接：https://blog.csdn.net/qq_22936647/article/details/82797496

版权

JS 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!---此处填写要回显的省市区ID->
   <input type="hidden" name="" id="showyiji" value="150000" />
   <input type="hidden" name="" id="showerji" value="150200" />
   <input type="hidden" name="" id="showsanji" value="150204" />

           $x.appendTo($("#city"))

       }
   },

   insertCounty:function(parentid){
       $("#county").html("")
       for(var i=0;i<address.county.length;i++)
       {

           var o=address.county[i];
           //console.log(parentid+"******"+o.parentid)
           if(i==0)
           {
               var $x=$('<option value="0">选择县市</option>');
              $x.appendTo($("#county"))
           }
           if(o.parentid!=parentid){continue}

           var $x=$('<option value="'+o.id+'">'+o.shortname+'</option>');
           $x.appendTo($("#county"))

       }
   },
   selectP:function(o){
       address.insertCity(o.value)
       $("#county").html("");
       var $x=$('<option value="0">选择县市</option>');
              $x.appendTo($("#county"))
   },
   selectC:function(o){
       address.insertCounty(o.value)
   },



   getItem:function(ID,arr){for(var i=0;i<arr;i++){if(arr[i].id==ID){return arr[i]}}},

   init:function(){

       if(address.a==0){return;}
       $("#province option[value='"+address.a+"']").attr("selected","selected")
       for(var i=0;i<address.city.length;i++)
       {
           if(address.city[i].parentid==address.a)
           {
               var $x;
               var o=address.city[i];

               if(o.id == address.b)
               {

                     $x=$('<option selected value="'+o.id+'">'+o.shortname+'</option>');
               }
               else
               {
                  $x=$('<option value="'+o.id+'">'+o.shortname+'</option>');
               }
                   $x.appendTo($("#city"))
           }
       }

       for(var y=0;y<address.county.length;y++)
       {
           if(address.county[y].parentid==address.b)
           {
               var $x;
               var o=address.county[y]
               if(o.id==address.c)
               {
                  $x=$('<option selected value="'+o.id+'">'+o.shortname+'</option>');
               }
               else
               {
                  $x=$('<option value="'+o.id+'">'+o.shortname+'</option>');
               }
                   $x.appendTo($("#county"))
           }
       }


   }
}
address.insertProvince()
address.init();

</script>
</body>
</html>

837927397@QQ.COM

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
省市三级联动，支持回显（ID回显）

&lt;html&gt; &lt;meta charset="UTF-8"/&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;script type="text/javascript&
复制链接

扫一扫

专栏目录