JavaScript動態生成年份select下拉選單

admin發表於2018-01-23
JavaScript

下面介紹如何動態的生成年份select下拉選單，如果手工輸入，不但是個很大的工作量，程式碼的篇幅也很大，所以使用JavaScript動態實現是更好的選擇，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script type="text/javascript"> 
window.onload=function(){ 
  var myDate=new Date(); 
  var startYear=myDate.getFullYear()-50;
  var endYear=myDate.getFullYear()
  var obj=document.getElementById('myYear') 
  for(var i=startYear;i<=endYear;i++){ 
    obj.options.add(new Option(i,i)); 
  } 
} 
</script>  
</head>  
<body>  
<select id="myYear"></select> 
</body>  
</html>

程式碼實現了我們的要求，更多內容參閱相關閱讀。

相關閱讀：

（1）.Date物件參閱JavaScript Date 物件一章節。

（2）.getFullYear()參閱JavaScript getFullYear()一章節。

（3）.document.getElementById()參閱document.getElementById()一章節。

（4）.add()參閱JavaScript select add() 方法一章節。

相關文章