首页 > 技术文章 > JS实现全国三级联动

nonoleng 2014-06-30 14:48 原文

//引用js文件area.js

<script src="/javascripts/area.js" type="text/javascript"></script>

  <li><label>全国 省 市 县 三级级联:</label> <i>*</i> <select id="s_province" name="s_province" class="area" ></select>&nbsp;&nbsp;
    <select id="s_city" name="s_city" class="area" ></select>&nbsp;&nbsp;
    <select id="s_county" name="s_county" class="area" ></select>
    <script class="resources library" src="js/area.js"
    type="text/javascript"></script> <script type="text/javascript">_init_area();</script>
  </li>

 

  /*
    * 全国三级城市联动 js版 //编辑
  */
      function updates(province,city,county){//方法
        $("#s_province option").each(function(){
      if($(this).val()==province){
        $(this).attr('selected',true)
        change(1);
      }
    });
        $("#s_city option").each(function(){
      if($(this).val()==city){
        $(this).attr('selected',true)
      change(2);
      }
    });
        $("#s_county option").each(function(){
      if($(this).val()==county){
        $(this).attr('selected',true)
      }
    });
  }

  var arr_area = address.split("-");

  updates(arr_area[0] ,arr_area[1],arr_area[2]) //修改获取省市县

推荐阅读