在IE环境下,如果要通过innerHTML给select元素附加options,往往会无效,这是ie的一个bug。
所以如果要通过innerHTML来生成select元素,可以在外面加个div,然后把innerHTML附给这个div。或者通过编程的方式来生成select。可以有以下三种方式:
function fill_select1() {
for(var i=0; i < 100; i++) {
select1.options[i] = new Option(i,i);
}
}
function fill_select2() {
var sOpts = "<SELECT>";
for (var i=0;i<100;i++)
{
sOpts += '<OPTION VALUE="' + i + '">' + i + '</OPTION>\n';
}
select2.outerHTML = sOpts + "</SELECT>";
}
function fill_select3() {
for(var i=0; i < 100; i++) {
var oOption = document.createElement("OPTION");
oOption.text="Option: " + i;
oOption.value=i;
document.all.select3.add(oOption)
}
}
我觉得这个非常好,使用innerHTML不要将select的字段一个一个的加,像这样innerHTML+=,写在一个字符串上,一次加完,代码清楚又方便!
看我的一个例子:
function yearString()
{//用于得到年份的下拉列表数据
var strYear="<select>";
var objDate=new Date();
var year=objDate.getFullYear();//以四位数字返回年
for(var basicYear=2000,n=0;basicYear<=year;basicYear++,n++)
{
strYear+='<option value="'+(year-n)+'">'+(year-n)+'</option>\n';
}
strYear+="</select>";
return strYear;
}
//添加下拉框
oCell1_0.innerHTML='选择年份:';
oCell1_0.innerHTML+=yearString();
呵呵,网上好多人说innerHTML加select不能识别时IE的BUG,呵呵,怎么说这是个解决的方法!
这个有一部分是转载,有一部分是原创,算原创吧,怎么说我的是能运行的啊,我没骗人!