javaScript年份下拉列表框內(nèi)容為當前年份及前后50年
更新時間：2014年05月28日 18:00:04 作者：
本文介紹的這個javaScript年份下拉列表框內(nèi)容為當前年份及前后50年，默認顯示當前年份，大家可以學(xué)習下
javascript下拉列表框，內(nèi)容為當前年份及前后50年，默認選擇為當前年份
<script language="javascript" type="text/javascript">
window.onload=function(){
//設(shè)置年份的選擇
var myDate= new Date();
var startYear=myDate.getFullYear()-50;//起始年份
var endYear=myDate.getFullYear()+50;//結(jié)束年份
var obj=document.getElementById('myYear')
for (var i=startYear;i<=endYear;i++)
{
obj.options.add(new Option(i,i));
}
obj.options[obj.options.length-51].selected=1;
}
</script>
<select id="myYear"></select>
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript">
window.onload=function(){
//設(shè)置年份的選擇
var myDate= new Date();
var startYear=myDate.getFullYear()-50;//起始年份
var endYear=myDate.getFullYear()+50;//結(jié)束年份
var obj=document.getElementById('myYear')
for (var i=startYear;i<=endYear;i++)
{
obj.options.add(new Option(i,i));
}
obj.options[obj.options.length-51].selected=1;
}
</script>
<select id="myYear"></select>
您可能感興趣的文章:
- js實現(xiàn)下拉列表選中某個值的方法(3種方法)
- jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- jquery+json 通用三級聯(lián)動下拉列表
- js獲取下拉列表框<option>中的value和text的值示例代碼
- javascript實現(xiàn)在下拉列表中顯示多級樹形菜單的方法
- extJs 文本框后面加上說明文字+下拉列表選中值后觸發(fā)事件
- javascript級聯(lián)下拉列表實例代碼(自寫)
- javascript獲取下拉列表框當中的文本值示例代碼
- 使用js實現(xiàn)一個可編輯的select下拉列表
- JavaScript實現(xiàn)下拉列表效果
相關(guān)文章
目前一直在學(xué)習WEB前端的知識。下面貼出最近完成的一個可排序表格.2010-12-12
純javascript前端實現(xiàn)base64圖片下載(兼容IE10+)
這篇文章主要介紹了純javascript前端實現(xiàn)base64圖片下載(兼容IE10+)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要給大家介紹了關(guān)于ES6入門教程之let、const使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習或者使用ES6具有一定的參考學(xué)習價值，需要的朋友們下面來一起學(xué)習學(xué)習吧2019-04-04
如何禁止拷貝網(wǎng)頁內(nèi)容，想維護下自己的版權(quán)，下面有個不錯的方法，大家可以學(xué)習下2014-01-01
這篇文章主要為大家介紹了javascript計算時間差的示例代碼，，一般來說都是計算當前時間和一個指定時間點之間的差距，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了javascript實時顯示北京時間的方法,涉及javascript操作時間顯示的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
BootStrap中的模態(tài)框（modal，彈出層）功能示例代碼
bootstrap中的模態(tài)框（modal），不同于Tooltips，模態(tài)框以彈出對話框的形式出現(xiàn)，具有最小和最實用的功能集。這篇文章主要介紹了BootStrap中的模態(tài)框（modal，彈出層）,需要的朋友可以參考下2018-11-11
跟我學(xué)Nodejs（一）--- Node.js簡介及安裝開發(fā)環(huán)境
這篇文章主要介紹了Node.js簡介及安裝開發(fā)環(huán)境,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了JS小球拋物線軌跡運動的兩種實現(xiàn)方法,結(jié)合實例形式分析了javascript實現(xiàn)小球拋物線運動的相關(guān)計算與圖形繪制操作技巧,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了詳解webpack2異步加載套路,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09