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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com