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

最新推荐文章于 2021-09-12 21:15:27 发布

原创最新推荐文章于 2021-09-12 21:15:27 发布 · 712 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie

本文讨论了IE9浏览器对<option>标签的支持问题，该问题会导致select元素无法正常显示选项内容。文章提供了解决方案：建议使用节点操作而非innerHTML来添加选项，确保内容正确显示。

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

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

三和打工人

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

关于IE9及以下版本innerHTML问题

qq_41088108的博客

11-28

682

最近公司有个项目需要迭代，这里详细就不多叙述了。其中有个页面的功能是根据后端返回的值动态添加表格，用比较直白的话讲就是，需求上在tbody中新增tr，tr中新增td和相应的内容。这里我简单贴一下相关的前端js代码供大家参考一下： var tr = doc.createElement('tr') tr.setAttribute('class', 'traceInfo-' + (i + 1)) tr....

IE浏览器不支持svg的innerHTML属性（google浏览器正常）无法显示箭头连接线和连线上的字

qingtianqingfeng的博客

09-14

1079

问题：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

165

innerHTML 属性用于获取或替换 HTML 元素的内容。语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容，代码如下: 结...

select对象无法设置innerHTML属性【微软BUG】

weixin_34259159的博客

10-25

313

微软官方的解决方案：http://support.microsoft.com/kb/276228 转载于:https://blog.51cto.com/smasher/1035961

select innerHTML在IE和FireFox下处理

weixin_34366546的博客

08-21

110

在前一段时间,做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

331

在IE环境下，如果要通过innerHTML给select元素附加options，往往会无效，这是ie的一个bug。所以如果要通过innerHTML来生成select元素，可以在外面加个div，然后把innerHTML附给这个div。或者通过编程的方式来生成select。可以有以下三种方式： function fill_select1() { for(var i=0; i < 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

770

转载地址: http://blog.youkuaiyun.com/grubbyfan/article/details/3743344 这是IE的一个BUG，微软的BUG申明中注明了两种解决方案： 1. 如果您必须使用 innerHTML ，一种替代方法是使用一个 div 对象封装 SELECT 元素和然后设置 div 对象的 innerHTML 属性。例如： My Ex

IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法

09-05

IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法，需要的朋友可以参考下。

IE9以及IE9以下，无法执行innerHTML这一操作的解决方法

weixin_30387663的博客

01-21

172

例如：在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

3427

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

212

select控件在标准浏览器下可以直接innerHTML设置内容，IE则不行。 HTML结构： <form name="form1"> <select name="select1"></select> </form> 先看直接使用select.innerHTML var form = document.forms...

IE中，select.innerHTML无法生效的解决办法

yyjiang21的博客

01-04

479

有天遇到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

348

在ie下面使用innerHTML来插入option选项的话，ie会去掉前面的<option>，并拆分成多个节点，这样会造成select的出错前言：这是一个老bug了，现在提供一个完美解决方案。由于我一直是用createElement来创建动态的option并添加，所以一直没有遇到这个问题，但是每个人写代码风格不同，有的人就喜欢写字符串形式的标签并用innerHTML插入...

innerText,innerHTML和value的区别，以及如何获取下拉框中选中的项的文本内容。

Csdn_____c的博客

09-12

1714

一、innerText和innerHTML异同点：相同点：二者都可以获取到标签内包含的文本值。从结果可以看出二者都是获取到了h1标签内的文本h1，并且二者相等，说明两个方法拿出来的内容都是以相同的形式展现。不同点：innerText是获取到标签内的文本节点的值，而innerHTML是获取到标签内所有的内容，包括了子元素标签本身也会被获取到，如下图：从输出结果可以看出innerText可以获取到本身标签内部包含的所有文本值，但是不包含子元素的标签，而...

如何在select下拉框中添加图片功能

首先，基本的select标签的结构如下： ```html <select id="imageSelect" name="imageSelect"> 选项1 选项2  </select> ``` 为了让图片显示在下拉选择框中，我们需要使用HTML的option标签结合CSS...