个人中心
gpt4 book ai didi

javascript - 使用 JavaScript 将项目添加到 HTML 中的下拉列表

转载 作者：技术小花猫 更新时间：2023-10-29 12:06:55 25 4
gpt4 key购买 nike

我有这个 JavaScript+HTML 来填充下拉菜单，但它不起作用，我做错了什么吗？注意我希望在页面加载时填写下拉菜单

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function addList(){
    var select = document.getElementById("year");
    for(var i = 2011; i >= 1900; --i) {
    var option = document.createElement('option');
    option.text = option.value = i;
    select.add(option, 0);
      }
     }
    </script>
    </head>

    <body>

       <select id="year" name="year"></select>
      
    </body>
    </html>

最佳答案

因为您的脚本在 <head> 中, 你需要把它包裹在 window.onload 中:

window.onload = function () {
    var select = document.getElementById("year");
    for(var i = 2011; i >= 1900; --i) {
        var option = document.createElement('option');
        option.text = option.value = i;
        select.add(option, 0);
    }
};

你也可以这样做

<body onload="addList()">

关于javascript - 使用 JavaScript 将项目添加到 HTML 中的下拉列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18417114/

25 4 0
文章推荐： html - 如何在 nginx 中提供 html 文件而不显示此别名设置中的扩展名
文章推荐： linux - 当参数用双引号括起来时，readlink 不起作用
文章推荐： c - C 中的 readline 函数输出奇怪的结果
文章推荐： html - Bootstrap 固定页眉和页脚在流体容器中滚动正文内容区域
技术小花猫
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com