时间戳

首页 > 解决方案 > 如何保持选择选项的值是动态的？

javascript - 如何保持选择选项的值是动态的？

问题描述

我想将选择选项的值保持为 10 年。例如，如果您现在看到选择选项显示的是 2010-2019 年。当 2020 年到来时，我希望删除 2010 年并添加 2020 年，同样，它必须始终在选择选项中保持 10 年期限。

有人可以帮我吗？

问候，比尔

<select>
<option>2019</option>
<option>2018</option>
<option>2017</option>
<option>2016</option>
<option>2015</option>
<option>2014</option>
<option>2013</option>
<option>2012</option>
<option>2011</option>
<option>2010</option>
</select>

标签： javascriptjqueryhtml

解决方案

您可以使用当前年份使用循环动态生成选项：

var year = new Date().getFullYear();
for(var y = year; y > year - 10; y--){
  $('#years').append($('<option>', {
      value: y,
      text: y
  }));
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="years"></select>

推荐阅读