js实现省级联动（数据结构优化）

本文实例为大家分享了js实现省级联动的具体代码，供大家参考，具体内容如下

 
 
 
 
  div{
   width: 200px;
   float: left;
   margin-left: 20px;
  }
  select{
   width: 200px;
  }
 


 
 
  
   ---请选择省---
  
 
 
  
   ---请选择城市---
  
 

具体实现如下，发现城市数据存的很深，要通过省来查找城市会比较麻烦，而且循环遍历的是指数级的占内存，通过下面数据结构的优化，相对而言，查询会更容易
实现大概的思路是通过map集合，key找value的思路
存入的时候省，单独放。城市的key等于省的p_id，因为有了标识，这样就很容易相互查询了

//准备数据---
 


 
 
 


 
  
   ---请选择省---
  
 
 
  
   ---请选择城市---
  
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。