javascript - 动态填充选择选项javascript

标签 javascript html

<分区>

我想要动态选择列表的选项。 我想使用 java 脚本动态填充年份值的选择列表。 它应该是今年到 future 10 年的下拉列表,知道吗?

<form action="something">
  some other fields
  <select id="year">
  </select>
</form>

最佳答案

快速而肮脏,这将达到目的:

window.onload = function(){
    var year = (new Date()).getFullYear(), select = document.getElementById("year"), option = null, next_year = null;
    for(var i = 0; i <= 10; i++) {
        option = document.createElement("option");
        next_year = parseInt(year, 10) + i;
        option.value = next_year;
        option.innerHTML = next_year;
        select.appendChild(option);
    }
};

关于javascript - 动态填充选择选项javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18158818/

相关文章:

javascript - 确定哪个选项卡已打开和关闭 jquery Accordion

javascript - 如何使使用 jquery 延迟对象的函数表现得像同步函数?

html - 是否可以收缩包裹内部文本的 flex 元素?

html - Flexbox 不垂直居中内容

javascript - Knockout 无法处理 'foreach' 的绑定(bind)

html - 在顶部为 <li> 中的事件链接添加一个 bg-image,可能吗?

javascript - ngRepeat 中复杂的 HTML 结构与深 Scope 对象使事情变慢

javascript - 如何检查电子邮件是否使用 JavaScript 打开?

javascript - 我应该从哪里开始学习 Highcharts JS?

javascript - 相同的代码在不同的机器上生成不同的快照