Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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_Html - Fatal编程技术网

Javascript 动态填充选择选项

Javascript 动态填充选择选项,javascript,html,Javascript,Html,我想要动态选择列表的选项。 我想使用java脚本动态填充年份值的选择列表。 它应该是今年到下一个10年作为下拉列表,有什么想法吗 <form action="something"> some other fields <select id="year"> </select> </form> 其他一些领域 未测试的代码: function populateYears( nbrOfYears, divID ) { var id =

我想要动态选择列表的选项。 我想使用java脚本动态填充年份值的选择列表。 它应该是今年到下一个10年作为下拉列表,有什么想法吗

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

其他一些领域
未测试的代码:

function populateYears( nbrOfYears, divID ) {
  var id = document.getElementById( divID );
  var dt = new Date();
  var yr = dy.getFullYear();
  var opt;
  for( var x=0; x<= nbrOfYears; x++ ) {
    opt = new Option( yr, yr );
    id.appendChild( opt );
    yr++;
  }
}
函数populateYears(nbrOfYears,divID){
var id=document.getElementById(divID);
var dt=新日期();
var yr=dy.getFullYear();
var-opt;

对于(var x=0;xQuick and dirty,这将实现以下技巧:

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);
    }
};
window.onload=function(){
var year=(new Date()).getFullYear(),select=document.getElementById(“year”),option=null,next_year=null;

对于(var i=0;i@brenjt)不可能这是我的网站,当然有此表格,这是信用卡表格,其中有cvv和到期日期,可选择年份,comeon:-(不得不问,因为很多学生在这里要求家庭作业帮助。我们不想帮助他们作弊。谢谢你的快速回复,但我是新手,你能告诉我如何在页面加载上调用此函数吗?我正在尝试你的代码似乎能工作…:-|它工作正常,我很好奇为什么会出现混乱…把这个放到你的
头上就行了是的,它可以工作,跳转,但一个关键的问题是,如果用户浏览器不支持javascript,那么它会一直工作,这意味着如果用户浏览器不支持javascript(比如在移动设备上,它不能确定是否启用了javascript)那么,您必须使用某种形式的服务器端语言,如PHP或JSP。您要求提供JavaScript解决方案,我提供了。是的,我得到了,好的,但再次感谢:-)