原来写前端,都是用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