JavaScript--在页面的下拉框控件中遍历出日期--能力工场

在单独的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属性.