zoukankan      html  css  js  c++  java
  • 简单的JS 二级联动

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>二级城市联动</title>
    </head>
    <body>
        <select id="one" onchange="func(this.value)">
            <option value="">--请选择--</option>
            <option value="0">浙江省</option>
            <option value="1">广东省</option>
            <option value="2">福建省</option>
        </select>
        <select id="two">
            <option value="">--请选择--</option>
        </select>
    </body>
    <script>
        var two = document.getElementById('two');
        city = [];//申明

      //定义二级数据
        city[0] = ['杭州市'];
        city[1] = ['广州市'];
        city[2] = ['厦门市'];
        function func(m){
            two.length = 1;

       //遍历生产option选项
            for (var i = 0; i < city[m].length; i++) {

        //创建一个option 把数据存储在option
                var op = new Option(city[m][i],i);

        //把带有数据的option 添加到第二个select
                two.add(op);
            };
        }
    </script>
    </html>

  • 相关阅读:
    匿名变量
    Vue父子组件传值与非父子传值
    TCP三次握手分析
    @media screen 响应式布局
    H5新增多媒体标签
    npm+node+vue配置一套带走
    vue+echarts全国疫情地图
    js本地时间格式化
    vue iview分页
    Vue打包后访问静态资源路径问题
  • 原文地址:https://www.cnblogs.com/0826sw/p/11798916.html
Copyright © 2011-2022 走看看