zoukankan      html  css  js  c++  java
  • 动态切换第二级下拉选择框内容,动态添加二级选择框内容

    HTML代码

    <select name="" value="" id="subselect">
                <option id="sub" value="请选择商圈">请选择商圈</option>
    </select>
    

      

    先引入JQ库

    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
    

      jquery代码如下

      $('#select').bind('change', function () {
            var value = $('#select').val();
    
    if (value === '大兴') {
                var city = ["采育镇", "国家新媒体产业基地", "黄村卫星城", "京开高速", "旧宫", "庞各庄", "生物医药基地", "首都第二机场",
                    "天宫院", "魏善庄", "西红门", "亦庄", "瀛海",];
    
                $("#subselect").empty();
                var arrayLength = city.length;// 数组的长度
                //当i<arrayLength时,可以按顺序访问数组中的值
                for (var i = 0; i < arrayLength; i++) {
                    var B = city[i];//调用数组中的值
                    println(B)
                }
    
                function println(a) {
                    $("#subselect").append("<option value='+a+'>" + a + "</option>")
                }
            }
     });
    

      

  • 相关阅读:
    Django【进阶】信号
    Django【进阶】缓存
    exec,eval
    linux下磁盘分区、格式化、挂载
    Django【进阶】中间件
    Django【进阶】权限管理
    Django【进阶】FBV 和 CBV
    MySQL 进阶(待发布)
    Django【进阶】
    django 分页和中间件
  • 原文地址:https://www.cnblogs.com/max-hou/p/9232801.html
Copyright © 2011-2022 走看看