Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态添加选项以选择标记_Javascript_Jquery_Html - Fatal编程技术网

Javascript 动态添加选项以选择标记

Javascript 动态添加选项以选择标记,javascript,jquery,html,Javascript,Jquery,Html,我试图写一个选择下拉列表,其中动态填充选项,选项是年份,例如2010年、2011年、2012年 但是,每到一年,网页都应该在下拉列表中添加新条目。2010年的第一个条目是固定的,但最后一个条目是动态的,取决于当前年份 有什么帮助吗?为什么不从中选择当前年份减去2010,因为这是一个固定的结尾,然后从2010年算起,再加上结果中的金额? 这就是我第一个想到的方法 编辑: 如果在每次加载页面时填充下拉列表,则始终使用从减法计算的量填充该数组。 我不明白这个问题。像这样的问题 var current

我试图写一个选择下拉列表,其中动态填充选项,选项是年份,例如2010年、2011年、2012年

但是,每到一年,网页都应该在下拉列表中添加新条目。2010年的第一个条目是固定的,但最后一个条目是动态的,取决于当前年份


有什么帮助吗?

为什么不从中选择当前年份减去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>')
}