zoukankan      html  css  js  c++  java
  • jquery 三级联动,json格式保存省市区

    省市区js下载

    代码
    $(document).ready(function() {

        $(
    "#areaProvince").change(function() {
            LoadCity();
            LoadCounty();
        });

        $(
    "#areaCity").change(function() {
            LoadCounty();
        });

            LoadArea(
    '''''');
    });

    function LoadArea(prov, city, County) {
        LoadProvince(prov);
        LoadCity(city);
        LoadCounty(County);

    }
    function LoadProvince(values) {
        $(
    "#areaProvince").empty();
        
    for (var id in countryAreaData) {

            $(
    "#areaProvince").append(" <option value='" + id + "'>" + id + "</option>");

        }
        
    if (typeof(values) == "string") {
            $(
    "#areaProvince option[value=" + values + "]").attr("selected"true)

        }
    }
    function LoadCity(values) {
        $(
    "#areaCity").empty();
        $(
    "#areaCounty").empty();
        var s1 
    = $("#areaProvince option:selected").val();
        
    for (var id2 in countryAreaData[s1]) {

            $(
    "#areaCity").append(" <option value='" + id2 + "'>" + id2 + "</option>");
        }
        
    if (typeof(values) == "string") {
            $(
    "#areaCity option[value=" + values + "]").attr("selected"true)

        }
    }
    function LoadCounty(values) {
        $(
    "#areaCounty").empty();
        var str1 
    = $("#areaProvince option:selected").val();
        var str2 
    = $("#areaCity option:selected").val();

        
    for (i = 0; i < countryAreaData[str1][str2].length; i++) {
            str 
    = countryAreaData[str1][str2][i];

            $(
    "#areaCounty").append(" <option value='" + str + "'>" + str + "</option>");

        }
        
    if (typeof(values) == "string") {
            $(
    "#areaCounty option[value=" + values + "]").attr("selected"true)

        }
    }
    代码
    <!--选择城市功能      star      -->
    <select id="areaProvince" name="areaProvince" style=" 100px">
        
    <option value="0">省份</option>
    </select>
    <select id="areaCity" name="areaCity" style=" 120px">
        
    <option value="0">地级市</option>
    </select>
    <select id="areaCounty" name="areaCounty" style=" 120px">
        
    <option value="0">市县</option>
    </select>
    <!--选择城市功能      end      -->

      ,这个送给你!

  • 相关阅读:
    jQuery插件开发全解析(转)
    isMemberOfClass和isKindOfClass之间区别
    NSArray,NSSet,NSDictionary总结 (转)
    NSIndexPath(转)
    Maven在dos窗口中的命令
    JPA概要
    fedora的输入法
    iQQ 学习笔记2 :借助新浪微博输入验证码、远程控制退出
    使用EXCEL制作通用打印模块
    字符串加密解密方法
  • 原文地址:https://www.cnblogs.com/di305449473/p/1748025.html
Copyright © 2011-2022 走看看