`
captain
  • 浏览: 135176 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

[js]IE下select元素不支援innerHTML

IE 
阅读更多
在IE的環境下,如果要使用innerHTML給select元素附加option,往往會無效,這是IE 的一個Bug,解決此問題可用下列三種方式代替:
function fill_select1() {   
    for(var i=0; i < 100; i++) {       
        select1.options[i] = new Option(i,i);
    }
}

function fill_select2() {   
    var sOpts = "<SELECT>";   
    for (var i=0;i<100;i++) {       
        sOpts += '<OPTION VALUE="' + i + '">' + i + '</OPTION>\n';   
    }    
    select2.outerHTML = sOpts  + "</SELECT>";
}

function fill_select3() {   
    for(var i=0; i < 100; i++) {       
        var oOption = document.createElement("OPTION");        oOption.text="Option:  " + i;       
        oOption.value=i;       
        document.all.select3.add(oOption)   
    }
}

我本地测试了下,只有第一种方法好使。
分享到:
评论

相关推荐

    关于在innerHTML中JS不执行的问题

    这就是为什么在`innerHTML`中插入的JS代码不执行的原因。 为了解决这个问题,我们可以采用以下几种方法: 1. **使用`document.createElement`和`element.appendChild`**:这种方法创建和操作DOM元素是安全的,因为...

    js之Select用法

    总结,`select`元素在JavaScript中是不可或缺的一部分,尤其在表单提交和用户交互场景中。通过熟练掌握它的用法和相关事件处理,可以构建更丰富、更具有交互性的网页应用。希望这个详解能帮助你理解和运用`select`...

    解决ajax返回innerHTML中javascript不能运行问题

    解决 Ajax 返回 innerHTML 中 JavaScript 不能运行问题 在实际应用中,我们经常会遇到使用 Ajax 返回某一个网页的内容到模板页面的某一个 `&lt;div&gt;` 标签中显示的操作。如果返回的值仅仅是文本类数据,不会影响模板...

    IE6/7/8中使用innerHTML清空元素,其子元素也被清空

    本文将深入探讨一个特定的问题,即在Internet Explorer 6、7和8(以下简称IE6/7/8)浏览器中使用`innerHTML`属性清空元素时,其子元素也会被一并清空的特性。这个现象在其他现代浏览器中并不常见,因此了解这一问题...

    解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)

    本文将详细讨论一个特定的JavaScript问题,即在Internet Explorer(IE)浏览器中使用`innerHTML`属性向`&lt;select&gt;`元素插入`&lt;option&gt;`标签时遇到的bug,以及如何解决这个bug以实现跨浏览器兼容性,包括IE、Firefox、...

    IE bug table元素的innerHTML

    首先时飘忽不定的collapse的border,ie6偏偏...排查了半天,结果是IE的table元素为只读,不能使用innerHTML!!!! 同样为只读的元素还有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, T

    js实现动态生成select中的option

    在JavaScript编程中,动态生成`select`元素中的`option`是一项常见的需求,特别是在网页交互或者数据展示时。本文将深入探讨如何使用JavaScript实现这一功能,同时结合提供的`autoSelect.html`和`autoselect.txt`...

    向元素中动态添加option

    这篇博客“向&lt;select&gt;元素中动态添加option”探讨的就是如何在JavaScript或jQuery的帮助下,实现在用户界面中动态地向`&lt;select&gt;`元素添加选项。 JavaScript是一种广泛使用的客户端脚本语言,它可以操作HTML元素,...

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

    其中一个经典的问题就是尝试使用JavaScript的innerHTML属性来修改表格(Table)或选择列表(Select)的内容,但在IE6、7、8、9版本中,这可能会遇到一些挑战。innerHTML属性通常用于设置或获取元素的HTML内容,但在...

    IE6-IE9中tbody的innerHTML不能赋值的解决方法

    IE6-IE9中tbody的innerHTML不能赋值,重现代码如下 Js代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8/&gt; &lt;title&gt;IE6-IE9中tbody的innerHTML不能复制bug&lt;/title&gt; &lt;/...

    javascript html js 自定义多级联动下拉菜单,自定义select联动

    - 使用JavaScript获取`&lt;select&gt;`元素并绑定`onChange`事件。 - 在事件处理函数中,获取当前选中的值,并据此更新下一个级别的`&lt;select&gt;`选项。 - 可能需要对数据进行处理,比如将值映射到相应的子级数据集。 - ...

    innerHtml(转)

    标题中的"innerHtml(转)"可能是指HTML DOM(Document Object Model)中的一个属性`innerHTML`,这是一个非常关键的概念,特别是在JavaScript中用于处理HTML元素的内容。`innerHTML`允许我们获取或设置HTML元素内部...

    js select多级联动

    - 使用纯JavaScript:通过监听事件,获取当前选中的值,然后遍历数据结构,找到对应的子选项,再用`innerHTML`或`appendChild`等方法更新下一级的`&lt;select&gt;`。 - jQuery库:jQuery提供了一些便捷的DOM操作方法,...

    innerHTML和innerText的区别

    在 JavaScript 中,innerHTML 和 innerText 是两个常用的属性,它们用于获取 HTML 元素中的内容。虽然它们都是用于获取内容的,但它们在获取内容的方式和结果上有所不同。 innerHTML 属性 innerHTML 属性用于获取 ...

    给before和after伪元素设置js效果的方法.docx

    在某些情况下,我们需要给before和after伪元素设置js效果,以实现某些特定的样式效果。下面将介绍五种不同的方法来实现给before和after伪元素设置js效果。 方法一:动态嵌入CSS样式 使用JavaScript动态嵌入CSS样式...

    select框上下移动排序

    在网页设计中,`&lt;select&gt;`元素用于创建下拉列表,常常用于提供多个选项供用户选择。当需要对这些选项进行动态排序,比如允许用户通过上下移动来调整选项的顺序时,就需要用到“select框上下移动排序”的技术。这个...

    html中select的属性.pdf

    该属性控制 Select 元素的下一个兄弟对象。 33. nodeName:获取特定结点类型的名称。该属性控制 Select 元素的结点类型。 34. nodeType:获取所需结点的类型。该属性控制 Select 元素的结点类型。 35. nodeValue...

    VC列举IE全部元素Element的代码

    - 对于每个获取到的元素,你可以遍历其属性,如`innerHTML`、`innerText`、`tagName`等,或者进一步获取它的子元素。 5. **代码示例**: ```cpp CoInitialize(NULL); CComPtr&lt;IWebBrowser2&gt; spWebBrowser; ...

    js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法

    本文实例讲述了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法。分享给大家供大家参考。具体分析如下: 问题描述: 网站中使用了一个js插件,设置innerHTML时,在IE8下报错“未知运行时错误”: ...

Global site tag (gtag.js) - Google Analytics