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