在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代码不执行的原因。 为了解决这个问题,我们可以采用以下几种方法: 1. **使用`document.createElement`和`element.appendChild`**:这种方法创建和操作DOM元素是安全的,因为...
总结,`select`元素在JavaScript中是不可或缺的一部分,尤其在表单提交和用户交互场景中。通过熟练掌握它的用法和相关事件处理,可以构建更丰富、更具有交互性的网页应用。希望这个详解能帮助你理解和运用`select`...
解决 Ajax 返回 innerHTML 中 JavaScript 不能运行问题 在实际应用中,我们经常会遇到使用 Ajax 返回某一个网页的内容到模板页面的某一个 `<div>` 标签中显示的操作。如果返回的值仅仅是文本类数据,不会影响模板...
本文将深入探讨一个特定的问题,即在Internet Explorer 6、7和8(以下简称IE6/7/8)浏览器中使用`innerHTML`属性清空元素时,其子元素也会被一并清空的特性。这个现象在其他现代浏览器中并不常见,因此了解这一问题...
本文将详细讨论一个特定的JavaScript问题,即在Internet Explorer(IE)浏览器中使用`innerHTML`属性向`<select>`元素插入`<option>`标签时遇到的bug,以及如何解决这个bug以实现跨浏览器兼容性,包括IE、Firefox、...
首先时飘忽不定的collapse的border,ie6偏偏...排查了半天,结果是IE的table元素为只读,不能使用innerHTML!!!! 同样为只读的元素还有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, T
在JavaScript编程中,动态生成`select`元素中的`option`是一项常见的需求,特别是在网页交互或者数据展示时。本文将深入探讨如何使用JavaScript实现这一功能,同时结合提供的`autoSelect.html`和`autoselect.txt`...
这篇博客“向<select>元素中动态添加option”探讨的就是如何在JavaScript或jQuery的帮助下,实现在用户界面中动态地向`<select>`元素添加选项。 JavaScript是一种广泛使用的客户端脚本语言,它可以操作HTML元素,...
其中一个经典的问题就是尝试使用JavaScript的innerHTML属性来修改表格(Table)或选择列表(Select)的内容,但在IE6、7、8、9版本中,这可能会遇到一些挑战。innerHTML属性通常用于设置或获取元素的HTML内容,但在...
IE6-IE9中tbody的innerHTML不能赋值,重现代码如下 Js代码 <!DOCTYPE html> <html> <head> <meta charset=utf-8/> <title>IE6-IE9中tbody的innerHTML不能复制bug</title> </...
- 使用JavaScript获取`<select>`元素并绑定`onChange`事件。 - 在事件处理函数中,获取当前选中的值,并据此更新下一个级别的`<select>`选项。 - 可能需要对数据进行处理,比如将值映射到相应的子级数据集。 - ...
标题中的"innerHtml(转)"可能是指HTML DOM(Document Object Model)中的一个属性`innerHTML`,这是一个非常关键的概念,特别是在JavaScript中用于处理HTML元素的内容。`innerHTML`允许我们获取或设置HTML元素内部...
- 使用纯JavaScript:通过监听事件,获取当前选中的值,然后遍历数据结构,找到对应的子选项,再用`innerHTML`或`appendChild`等方法更新下一级的`<select>`。 - jQuery库:jQuery提供了一些便捷的DOM操作方法,...
在 JavaScript 中,innerHTML 和 innerText 是两个常用的属性,它们用于获取 HTML 元素中的内容。虽然它们都是用于获取内容的,但它们在获取内容的方式和结果上有所不同。 innerHTML 属性 innerHTML 属性用于获取 ...
在某些情况下,我们需要给before和after伪元素设置js效果,以实现某些特定的样式效果。下面将介绍五种不同的方法来实现给before和after伪元素设置js效果。 方法一:动态嵌入CSS样式 使用JavaScript动态嵌入CSS样式...
在网页设计中,`<select>`元素用于创建下拉列表,常常用于提供多个选项供用户选择。当需要对这些选项进行动态排序,比如允许用户通过上下移动来调整选项的顺序时,就需要用到“select框上下移动排序”的技术。这个...
该属性控制 Select 元素的下一个兄弟对象。 33. nodeName:获取特定结点类型的名称。该属性控制 Select 元素的结点类型。 34. nodeType:获取所需结点的类型。该属性控制 Select 元素的结点类型。 35. nodeValue...
- 对于每个获取到的元素,你可以遍历其属性,如`innerHTML`、`innerText`、`tagName`等,或者进一步获取它的子元素。 5. **代码示例**: ```cpp CoInitialize(NULL); CComPtr<IWebBrowser2> spWebBrowser; ...
本文实例讲述了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法。分享给大家供大家参考。具体分析如下: 问题描述: 网站中使用了一个js插件,设置innerHTML时,在IE8下报错“未知运行时错误”: ...