请选择 进入手机版 | 继续访问电脑版
查看: 18|回复: 0

二级联动

[复制链接]
  • TA的每日心情
    开心
    2019-4-10 13:54
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    8

    主题

    9

    帖子

    174

    积分

    注册会员

    Rank: 2

    积分
    174
    发表于 2019-4-1 17:51:44 | 显示全部楼层 |阅读模式
    1. var ci1 = ['请选择', 'a', 'b', 'c', 'd'];
    2.                         var ci2 = [
    3.                                 [],
    4.                                 ['a1', 'a2', 'a3', 'a4'],
    5.                                 ['b1', 'b2', 'b3', 'b4'],
    6.                                 ['c1', 'c2', 'c3', 'c4'],
    7.                                 ['d1', 'd2', 'd3', 'd4']
    8.                         ];
    9.                         window.onload = function() {
    10.                                 fn();
    11.                                 document.getElementById('city1').onchange = fn1;
    12.                         }
    13.                         function fn() {
    14.                                 var city1 = document.getElementById("city1");
    15.                                 for (var i in ci1) {
    16.                                         var op = new Option(ci1[i], ci1[i]);
    17.                                         city1.options.add(op);
    18.                                 }
    19.                         }
    20.                         function fn1() {

    21.                                 var index = document.getElementById('city1').selectedIndex;
    22.                                 var city2 = document.getElementById('city2');
    23.                                 city2.options.length = 0;
    24.                                 for (var i in ci2[index]) {
    25.                                         var op = new Option(ci2[index][i], ci2[index][i]);
    26.                                         city2.options.add(op);
    27.                                 }
    28.                         }
    复制代码


    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关注微信,有惊喜
    关注我们,每天有惊喜,每日有活动,每日有礼品赠送,扫描左边二维码,即可关注,你还在等什么?
    快速回复 返回顶部 返回列表