Javascript 动态添加选项以选择标记
我试图写一个选择下拉列表,其中动态填充选项,选项是年份,例如2010年、2011年、2012年 但是,每到一年,网页都应该在下拉列表中添加新条目。2010年的第一个条目是固定的,但最后一个条目是动态的,取决于当前年份Javascript 动态添加选项以选择标记,javascript,jquery,html,Javascript,Jquery,Html,我试图写一个选择下拉列表,其中动态填充选项,选项是年份,例如2010年、2011年、2012年 但是,每到一年,网页都应该在下拉列表中添加新条目。2010年的第一个条目是固定的,但最后一个条目是动态的,取决于当前年份 有什么帮助吗?为什么不从中选择当前年份减去2010,因为这是一个固定的结尾,然后从2010年算起,再加上结果中的金额? 这就是我第一个想到的方法 编辑: 如果在每次加载页面时填充下拉列表,则始终使用从减法计算的量填充该数组。 我不明白这个问题。像这样的问题 var current
有什么帮助吗?为什么不从中选择当前年份减去2010,因为这是一个固定的结尾,然后从2010年算起,再加上结果中的金额? 这就是我第一个想到的方法 编辑: 如果在每次加载页面时填充下拉列表,则始终使用从减法计算的量填充该数组。 我不明白这个问题。像这样的问题 var currentYear=新日期。getFullYear;
对于var i=2010;这是一种方法 根据您的逻辑追加选项。这里是不带jquery的链接
<form>
<select id="mySelect">
</select>
</form>
Javascript:
var x = document.getElementById("mySelect");
var to = new Date().getFullYear();
var option;
for (var i = 2010; i <= to; i++)
{
option = document.createElement("option");
option.text = i;
x.add(option);
}
只需使用实际日期:
var startYear = 1950;
var currentYear = new Date().getFullYear();
然后您可以生成选择选项
var select = '<select>';
for (var i = startYear; i <= currentYear; i++){
select += '<option>'+i+'</option>';
}
select += </select>;
请添加您迄今为止尝试过的代码,如果可能的话,我现在还没有尝试过任何代码,因为我没有任何逻辑1.查看我答案中的提示。。有帮助吗?我已经准备好了减法,但这还没有结束,当2015年新年开始时,选择下拉列表中应该有新的条目,它应该自动计数并添加到选择dro down中。我已经动态地计算了下拉列表的选项,它们以整数数组的形式与我在一起,现在这个整数数组现在有条目,2010、2011、2012、2013、2014。但是明年它将自动进入2015年,所以我已经准备好了动态数组,但现在的问题是我应该如何添加数组的值来选择选项?你能使用类似于上面的循环来遍历数组并将每个项添加到select中吗?在这个解决方案中,我应该如何在htmls中编写select标记,我很清楚对它进行操作的jquery,但是select标记本身呢?如何编写年份选择标记?请参阅第一个HTML部分。您可以在html中的任何位置使用一个具有适当ID的select标记。类似于在您的页面中。我已经动态计算了下拉列表的选项,它们以整数数组的形式出现,现在这个整数数组有条目,2010、2011、2012、2013、2014。但是明年它将自动进入2015年,所以我已经准备好了动态数组,但现在的问题是我应该如何添加数组的值来选择选项?
var select = '<select>';
for (var i = startYear; i <= currentYear; i++){
select += '<option>'+i+'</option>';
}
select += </select>;
var date = new Date();
var year = date.getFullYear();
for (var i=2010;i<year+1;i++) {
$('#MySelect').append('<option value="'+i+'">'+i+'</option>')
}