zoukankan      html  css  js  c++  java
  • 三级联动第二种方法 三级联动.html

    <!DOCTYPE html>

    <html>

     

    <head>

    <meta charset="UTF-8">

    <title></title>

    </head>

     

    <body>

    <select id="province" name="province">

    <option value="">请选择</option>

    </select>

    <select id="city" name="city">

    <option value="">请选择</option>

    </select>

    <select id="agency" name="agency">

    <option value="">请选择</option>

    </select>

    </body>

    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

    <script type="text/javascript" src="js/三级联动数据.js"></script>

    <script type="text/javascript">

    for(var a in data[0]) {

    var province = $("<option value=''></option>");

    $("#province").append(province);

    province.text(data[0][a]);

    province.val(a);

    }

    var cityKey;

    $("select[name=province]").on("change", function(){

    $("#city")[0].options.length = 1;

    $("#agency")[0].options.length = 1;

    cityKey = "0," + $(this).val();

    for(var b in data[cityKey]){

    var city = $("<option value=''></option>");

    $("#city").append(city);

    city.text(data[cityKey][b]);

    city.val(b);

    }

    });

    $("select[name=city]").on("change", function(){

    var agencyKey = cityKey + "," + $(this).val();

    for(var c in data[agencyKey]){

    var agency = $("<option value=''></option>");

    $("#agency").append(agency);

    agency.text(data[agencyKey][c]);

    agency.val(c);

    }

    });

    </script>

    </html>

  • 相关阅读:
    零基础入门深度学习(1)
    RxJava 复杂场景 Schedulers调度
    Kotlin 学习
    Cordova CrossWalk
    Android Studio工程导入另一个工程作为lib
    Android 数据存储相关
    Android Activity 生命周期中onStart()和onResume()的区别
    反省与规划
    Android 依赖注入 ButterKnife 基本使用
    Android Socket 相关
  • 原文地址:https://www.cnblogs.com/luckyXcc/p/5740764.html
Copyright © 2011-2022 走看看