zoukankan      html  css  js  c++  java
  • 把一个数组内容动态添加到下拉列表中

    <body>
    //html部分先写一个列表select
    <select name="" id="sel"></select>
    //js部分
    <script>
    //数组内容
      var data = ["北京","上海","广州"];
    //获取select
      var sel = document.getElementById('sel');
    //因为一会要用str来拼接,所以要先声明一下
      var str = "";
      // console.log(sel);看能否获取到select
    //遍历循环,将每一项都拼接到str中
    for(var i=0;i<data.length;i++){
    //试着获取data里的每一个值看能否获取到
      console.log(data[i]);
    //拼接str,把data里面的所有值都放在option标签里
      str +='<option>'+data[i]+'</option>';
    
    }
    //把拼接好的str放到select标签里
    sel.innerHTML = str;
    </script>
    </body>

    这个与前面的把json放到表格里一样,也是我一直想试验的,但是之前一直都没有写过,因为感觉自己的js基础还是不牢靠,不敢写。但是实际上了解基本知识后写这个也就很容易了,这个demo主要就是为了把一个数组里的内容动态添加到select这个下拉列表中,不需要我们在html中一个个的添加option标签和内容。一个很简单的demo就先到这里啦。

  • 相关阅读:
    CTF简介
    最先与最后
    记一次某校版facemash的搭建
    ipv6入门
    win10开启IPv6的两种方法
    安装 Go 1.11 在 Ubuntu 18.04 & 16.04 LTS
    python开发者的AsyncIO
    Python 异步--Await the Future
    Python元类
    alias 和 unalias 命令
  • 原文地址:https://www.cnblogs.com/hanyining/p/5470634.html
Copyright © 2011-2022 走看看