IE下对select标签的innerHTML支持问题

最新推荐文章于 2023-10-07 15:03:47 发布
最新推荐文章于 2023-10-07 15:03:47 发布
阅读量688 收藏
点赞数
文章标签： ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sandaray/article/details/7887064
版权

一直到IE9，对这个标签的支持都有问题。

IE会自动去掉开始和结束的<option>标签，这样子的话select就无法识别innerHTML的内容，导致所有内容不可见。

解决方法就是用节点操作，直接把节点append上去，而不要用innerHTML操作。

关于IE9及以下版本innerHTML问题
qq_41088108的博客
11-28 649
最近公司有个项目需要迭代，这里详细就不多叙述了。其中有个页面的功能是根据后端返回的值动态添加表格，用比较直白的话讲就是，需求上在tbody中新增tr，tr中新增td和相应的内容。这里我简单贴一下相关的前端js代码供大家参考一下： var tr = doc.createElement('tr') tr.setAttribute('class', 'traceInfo-' + (i + 1)) tr....
IE浏览器不支持svg的innerHTML属性（google浏览器正常）无法显示箭头连接线和连线上的字
qingtianqingfeng的博客
09-14 1039
问题：Redmine 中插件redmine_issue_autoflow审批流程图，在IE浏览器无法正常显示箭头连接线及连接线上的文字yes，no，google浏览器正常显示。 解决方法：F12开发者工具，将google浏览器中Element的html代码与IE浏览器中html代码比较，发现IE中标签都没有，据此去后台找到对应js文件，发现是innerHTML未生效。原来是IE中svg不支持innerHTML，查找替代方法。 var arrows = element.find("svg > g")[
JavaScript--innerHTML 属性
weixin_30691871的博客
07-21 140
innerHTML 属性用于获取或替换 HTML 元素的内容。 语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。 我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容，代码如下: 结...
select对象无法设置innerHTML属性【微软BUG】
weixin_34259159的博客
10-25 291
微软官方的解决方案：http://support.microsoft.com/kb/276228 转载于:https://blog.51cto.com/smasher/1035961
select innerHTML在IE和FireFox下处理
weixin_34366546的博客
08-21 93
在前一段时间,做ajax的时候,碰到了这样的问题：<form name=form1 action='#' method=post><select name=typelist id=typelist><option value=0>=请选择=</option></select></form>下面是一个jsc...
IE浏览器下select元素不支持innerHTML
zanchaow的专栏
08-18 294
在IE环境下，如果要通过innerHTML给select元素附加options，往往会无效，这是ie的一个bug。 所以如果要通过innerHTML来生成select元素，可以在外面加个div，然后把innerHTML附给这个div。或者通过编程的方式来生成select。可以有以下三种方式： function fill_select1() { for(var i=0; i &lt; 100...
解决IE下select标签innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari)
01-19
前言： 这是一个老bug了，现在提供一个完美... bug描述： 在ie下面使用innerHTML来插入option选项的话，ie会去掉前面的，并拆分成多个节点，这样会造成select的出错，不是没有插进去，而是节点在转换时出问题了，微软对
CSS自定义select下拉选择框不用其他标签模拟且兼容多数浏览器
09-25
在网页设计中，自定义`select`下拉选择框的样式常常是一个挑战，因为不同的浏览器对`select`元素的默认渲染方式存在差异，这导致在跨浏览器的环境下很难实现一致的自定义效果。通常，纯CSS方法无法完全覆盖浏览器...
IE6/7/8中Option元素未设value时Select将获取空字符串
09-05
标题中提到的问题是，如果在IE6、IE7或IE8中，`<option>`元素没有设定`value`属性，那么在`<select>`的`onchange`事件中，`this.value`将返回空字符串。相比之下，现代浏览器如IE9、Firefox、Safari、Chrome和Opera...
关于在IE下对Select标签设置innerHTML无效的问题
abxn2002的专栏
10-10 738
转载地址: http://blog.youkuaiyun.com/grubbyfan/article/details/3743344 这是IE的一个BUG，微软的BUG申明中注明了两种解决方案： 1. 如果您必须使用 innerHTML ，一种替代方法是使用一个 div 对象封装 SELECT 元素和然后设置 div 对象的 innerHTML 属性。 例如： My Ex
IE9以及IE9以下，无法执行innerHTML这一操作的解决方法
weixin_30387663的博客
01-21 142
例如：在select下无法用innerHTML添加<option> 解决代码： var s=document.createElement("option"); s.text="加载的数据";s.value="加载的数据" //status是select的id <select id="status"></select> document.getE...
关于html中select控件
张朝玉的专栏
02-23 3363
http://community.youkuaiyun.com/Expert/topic/4200/4200845.xml?temp=.105755//删除所有选中的项//选中所有项//取消选中的项//从列表框中删除所有选中的项。如果obj为null，则列表框为自身。function deleted(obj) {if (obj == null) obj = element;if (obj.tagName
select设置innerHMTL
weixin_30697239的博客
04-28 185
select控件在标准浏览器下可以直接innerHTML设置内容，IE则不行。 HTML结构： <form name="form1"> <select name="select1"></select> </form> 先看直接使用select.innerHTML var form = document.forms...
IE中，select.innerHTML无法生效的解决办法
yyjiang21的博客
01-04 448
有天遇到select动态生成options,页面部分代码如下: [code="java"] [/code] 在FF、chrome均可以使用 [code="java"]$("#act_move_target").innerHTML = ${folderSelectHTML}[/code] 到了IE就不行了，据说是IE的BUG.上网查了一下，其中一种解决...
解决IE下select标签innerHTML插入option的BUG（兼容
weixin_34292924的博客
11-29 327
在ie下面使用innerHTML来插入option选项的话，ie会去掉前面的&lt;option&gt;，并拆分成多个节点，这样会造成select的出错   前言： 这是一个老bug了，现在提供一个完美解决方案。由于我一直是用createElement来创建动态的option并添加，所以一直没 有遇到这个问题，但是每个人写代码风格不同，有的人就喜欢写字符串形式的标签并用innerHTML插入...
原生js实现下拉框，支持多选、搜索
最新发布
shikaixina的博客
10-07 5952
通过js事件绑定实现支持搜索，多选的下拉框
JavaScript动态插入技术解析与IE的innerHTML问题
这个方法在处理复杂结构时更加灵活，不会像`innerHTML`那样对空白字符进行处理，因此在某些情况下更受青睐。 然而，在IE中，有一些元素的`innerHTML`属性是只读的，包括`col`, `colgroup`, `frameset`, `html`, `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值