填充下拉选项- javascript

Populate drop down options - javascript

本文关键字：javascript 选项 填充      更新时间：2023-09-26

我使用javascript填充选项为我的选择和不能理解什么是错的。我试图输入日期到一个选择选项，但它只添加2003-2004。

这是我的javascript函数:

function populateDropDown(previousYear, currentYear) {
    console.log(previousYear)
    console.log(currentYear)
    var prevYear
    var curYear
    var i
    var y = document.getElementById("membershipYear");
    var option = document.createElement("option");
    for(i = 1;i <= 10;i++) {
        prevYear = previousYear - i
        curYear = currentYear - i
        console.log(prevYear + "-" + curYear)
        option.text = prevYear + "-" + curYear
        y.add(option,y[i])
    }
}

和打印在我的控制台日志是这样的:

2012-2013
2011-2012
2010-2011
2009-2010
2008-2009
2007-2008
2006-2007
2005-2006
2004-2005
2003-2004

感谢您的帮助

必须像这样将createElement移动到循环中:

function populateDropDown(previousYear, currentYear) {
console.log(previousYear)
console.log(currentYear)
var prevYear
var curYear
var i
var y = document.getElementById("membershipYear");
for(i = 1;i <= 10;i++) {
    var option = document.createElement("option");
prevYear = previousYear - i
curYear = currentYear - i
console.log(prevYear + "-" + curYear)
option.text = prevYear + "-" + curYear
y.add(option,y[i])
}
}

你必须每次创建选项元素，然后在你的下拉菜单中添加，否则每次选项都会被覆盖。

保持var option = document.createElement("option");进入for循环，这样每次它都会创建一个新的选项

相关文章：