[英]Populate drop down options - javascript
我正在使用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])
}
}
您必須每次都創建option元素,然后添加Dropdown,否則操作每次都會被覆蓋。
keep var option = document.createElement("option");
進入for循環,以便每次創建新選項。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.