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根据选择值动态显示隐藏div

javascript - 针对给定纵横比用 n 个元素填充网格的算法

javascript - 如何在 Nodejs 上显示实时服务器日期和时间

javascript - 为什么在某些情况下下划线不喜欢 typeof?

python - 连接python服务器和html

javascript - 复制和粘贴列表项时如何添加换行符?

html - 带插入符号的 CSS 下拉菜单

javascript - 展平 JavaScript 数组——为什么这不起作用?

javascript - jQuery .load 随机工作,绝望

html - Web Outlook 中超链接的颜色