使用bBank.js解决IE下select标签innerHTML插入option的BUG

最新推荐文章于 2022-07-14 16:57:32 发布

pan_joy

最新推荐文章于 2022-07-14 16:57:32 发布

阅读量959

点赞数

分类专栏：前端文章标签： select标签 innerHTML插入option

本文链接：https://blog.csdn.net/a491857321/article/details/52250505

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

Bug描述：在IE下面使用innerHTML来插入option选项的话，IE会去掉前面的<option>。

var sltObj=document.getElementById('xx');//获取select对象，这里只是给个例子，可以按自己习惯来获取 
function addOption(obj, arg) { 
	if (b$.type.isElement(arg)) { 
		if (b$.browser.isIE()) {
			obj.add(arg); 
		}else{
			obj.add(arg, null);
		} 
		return; 
	} 
	var str = '<select>' + arg + '</select>'; 
	var slt = b$.parseDom(str)[0]; 
	for (var i = 0, num = slt.length; i < num; i++) { 
		obj.appendChild(slt[0]); 
	} 
}; 
addOption(sltObj, '<option>a</option>');

bBank.js下载

参考资料