IE浏览器下select元素不支持innerHTML

在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)
	}
}

 

来源：http://www.collin.cn/?p=81

 

我觉得这个非常好，使用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，呵呵，怎么说这是个解决的方法！

这个有一部分是转载，有一部分是原创，算原创吧，怎么说我的是能运行的啊，我没骗人！