在單獨的javascript文件中建立如下代碼,然后在jsp或者html頁面中引用該文件,即可實現自動遍歷生成option下拉框控件

function pageInit()

{

makeYear();

makeMonth();

makeDay();

}

function makeYear(){

var year = document.getElementByIdx_x("year");

for(var i=2012;i>=1900;i--){

var option = document.createElement_x("option");

option.value = i;

option.innerHTML= i;

year.appendChild(option);

}

}

function makeMonth()

{

var month = document.getElementByIdx_x("month");

for(var i=2;i<=12;i++)

{

var option = document.createElement_x("option");

if(i<10)

{

option.value = '0' + i;

option.innerHTML= '0' + i;

}else{

option.value = i;

option.innerHTML= i;

}

month.appendChild(option);

}

}

function makeDay()

{

var day = document.getElementByIdx_x("day");

for(var i=2;i<=31;i++)

{

var option = document.createElement_x("option");

if(i<10)

{

option.value = '0' + i;

option.innerHTML= '0' + i;

}else{

option.value = i;

option.innerHTML= i;

}

day.appendChild(option);

}

}

上面都不重要,最重要的是兼容性的問題,我在使用其他人代碼的時候,發現上面代碼并不是使用的innerHTML屬性,而是innerText屬性,使用后者,在IE8瀏覽器中可以正常顯示,但是我測試最新的谷歌瀏覽器,IE10瀏覽器,還有最新的火狐統統不會正常顯示.

所以建議使用innerHTML屬性.

轉載于:https://blog.51cto.com/nengli100/1254323

總結

以上是生活随笔為你收集整理的JavaScript--在页面的下拉框控件中遍历出日期--先天下能力工场的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。