我在下拉列表中尝试了下一个和前五年的html代码.接下来的5年我都过得很好.我怎样才能拿到之前的5年

i tried a html code for next and previous 5 years in a drop down.. i got next 5 years properly.. how can i get previous 5 years

本文关键字：5年 接下来 很好 代码 html 下一个 五年 下拉列表      更新时间：2023-09-26

我在下拉列表中尝试了下一年和前五年的html代码。。我的下一个5年是合适的。。我怎样才能获得前5年的

取悦他；请告诉我代码

function populatedropdown(yearfield){
var today=new Date()
var yearfield=document.getElementById(yearfield)
var thisyear=today.getFullYear()
for (var y=0; y<5; y++){
yearfield.options[y]=new Option(thisyear, thisyear)
thisyear+=1
}
yearfield.options[0]=new Option(today.getFullYear(), today.getFullYear(), true, true) //select today's year
}
</script>
  </head>
  <body>
<form action="" name="someform">
<select id="yeardropdown">
</select> 
</form>
<script type="text/javascript">
//populatedropdown(id_of_day_select, id_of_month_select, id_of_year_select)
window.onload=function(){
populatedropdown("yeardropdown")
}
</script>
  </body>
</html>

试试这个

function populatedropdown(yearfield) {
  var today = new Date(),
      yearfield = document.getElementById(yearfield),
      beforeYears = 3
      afterYears = 5,
      thisyear = today.getFullYear();
  
  for (var year = thisyear-beforeYears, index = 0; 
           index <= beforeYears + afterYears; 
           index++, year++) {
    yearfield.options[index] = new Option(year, year);
  }
  yearfield.value = thisyear;
    //select today's year
}
//populatedropdown(id_of_day_select, id_of_month_select, id_of_year_select)
window.onload = function() {
  populatedropdown("yeardropdown")
}
<form action="" name="someform">
  <select id="yeardropdown">
  </select>
</form>

尝试更改循环应执行-5到5

for (var y=0; y<5 && y>(-5); y++){
yearfield.options[y]=new Option(thisyear, thisyear)
thisyear+=1
}
相关文章：