原生JS给SELECT添加OPTION选项

原来写前端，都是用JQ这样的框架，现在准备多写写原生JS了。

碰到个问题，后台编辑页要从PHP端动态获取某SELECT的选项，之前的写法是这样的：

var cateList = eval(ajaxResult); //用AJAX从PHP端取分类信息
var cateInnerHtml = '';
for(var idx in cateList) {
	cateInnerHtml += '<option value=' + cateList[idx].id + '>' + cateList[idx].name + '</option>'
}
cateField.innerHTML = cateInnerHtml;

WEBKIT下可以用，但IE又在给哥上课了，死活是空白，搜索了一下教程，原来IE要用createElement方式添加元素，于是就有了下面的程序

var cateList = eval(ajaxResult);
cateField.innerHTML = '';
for(var idx in cateList) {
	var option = document.createElement("option");
	option.value = cateList[idx].id;
	option.innerHTML = cateList[idx].name;
	cateField.appendChild(option);
}

好了，浏览器都能用了，MARK一下！

注：删除旧的OPTION的方式可以不用这么粗暴，可以参照我JS函数库来删，地址:http://blog.csdn.net/udbiawdif/article/details/9084741