有天遇到select动态生成options,页面部分代码如下:
<select class="selectStyle" name="act_move_target" id="act_move_target">
<common:folderOptions currentId="${curMoveFID}"/>
</select>
在FF、chrome均可以使用
$("#act_move_target").innerHTML = ${folderSelectHTML}
到了IE就不行了,据说是IE的BUG.上网查了一下,其中一种解决方法是在select上层再套一层div或span,如下示:
<span id="spn_act_move_target">
<select class="selectStyle" name="act_move_target" id="act_move_target">
<common:folderOptions currentId="${curMoveFID}"/>
</select>
</span>
这样,在IE、FF、chrome均可以使用
$("#spn_act_move_target").innerHTML = '<select class="selectStyle" name="act_move_target" id="act_move_target">' + ${folderSelectHTML} + '</select>'
分享到:
相关推荐
innerHTML的使用document.getElementById("id").innerHTML = "contenttext";
在描述中提到,该工具能够实现以下几个核心功能: 1. **服务器备份**:通过编写PHP脚本,工具可以连接到MySQL服务器,执行SQL命令来创建数据库的完整备份。这通常涉及`mysqldump`命令,它可以导出结构和数据,生成...
这篇博客文章(链接已提供但无法直接访问)可能深入探讨了`innerHTML`的工作原理,以及如何在实际编程中有效利用它。博客作者可能讨论了以下知识点: 1. **innerHTML的基本用法**:如何通过`innerHTML`读取和修改...
// 遍历select中的选项,并创建对应的td元素 var options = selectObj.options; var val = selectObj.value; if (options.length > 0) { for (var i = 0; i < options.length; i++) { var newOptDiv = ...
在网页或Hybrid应用开发中,`iosSelect.js` 提供了一种模拟iOS原生UI风格的解决方案,提升用户体验,使其更加接近于原生iOS应用。 以下是对`iosSelect.js`库的一些关键知识点的详细解释: 1. **事件驱动编程**: ...
总的来说,当在IE6、7、8、9中遇到innerHTML无法赋值的问题时,开发者应转向使用DOM API进行更底层的操作,而不是依赖innerHTML属性。这可能需要更多的代码量,但能确保在所有浏览器中的兼容性。同时,随着现代...
EXCEL VBA 中的 IE 对象操作 在 EXCEL VBA 中,我们可以使用 IE 对象来操作网页,实现网页之间的通讯和控制。下面我们将详细介绍如何使用 IE 对象在 EXCEL VBA 中实现网页操作。 创建 IE 对象 首先,我们需要创建...
select2.innerHTML = '请选择城市</option>'; // 清空现有选项 // 遍历并添加新的城市选项 data.forEach(city => { var option = document.createElement('option'); option.value = city.id; option....
本文将详细讨论一个特定的JavaScript问题,即在Internet Explorer(IE)浏览器中使用`innerHTML`属性向`<select>`元素插入`<option>`标签时遇到的bug,以及如何解决这个bug以实现跨浏览器兼容性,包括IE、Firefox、...
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML function Marquee(){ if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft )...
本文将详细介绍如何使用JavaScript来实现在Web页面上动态增加和删除表格行的功能,并确保该功能在Internet Explorer (IE) 和 Firefox (FF) 等浏览器中能够正常运行。此技术对于构建具有高度交互性和响应性的用户界面...
根据提供的文件信息,我们可以深入探讨三个重要的DOM属性:`innerHTML`、`innerText`以及`outerHTML`。这些属性在Web开发中非常关键,用于获取或设置元素内部的内容。接下来将详细解析这些属性的功能、用途及差异。 ...
IE6-IE9中tbody的innerHTML不能赋值,重现代码如下 Js代码 <!DOCTYPE html> <html> <head> <meta charset=utf-8/> <title>IE6-IE9中tbody的innerHTML不能复制bug</title> </...
### 关于`document.frames`在非IE浏览器中的解决办法 #### 背景与问题概述 在Web开发中,为了实现页面元素之间的交互,开发者常常会用到`document.frames`来访问iframe或frameset中的子窗口。然而,在实际应用过程...
这就是为什么在`innerHTML`中插入的JS代码不执行的原因。 为了解决这个问题,我们可以采用以下几种方法: 1. **使用`document.createElement`和`element.appendChild`**:这种方法创建和操作DOM元素是安全的,因为...
解决 Ajax 返回 innerHTML 中 JavaScript 不能运行问题 在实际应用中,我们经常会遇到使用 Ajax 返回某一个网页的内容到模板页面的某一个 `<div>` 标签中显示的操作。如果返回的值仅仅是文本类数据,不会影响模板...
本文将深入探讨一个特定的问题,即在Internet Explorer 6、7和8(以下简称IE6/7/8)浏览器中使用`innerHTML`属性清空元素时,其子元素也会被一并清空的特性。这个现象在其他现代浏览器中并不常见,因此了解这一问题...
尽管这种方法能够在IE浏览器中解决getElementsByName无法正常工作的问题,但它在性能上可能不如原生的`getElementsByName`高效,因为它需要手动遍历整个DOM树。此外,它还需要额外的代码实现,这可能会导致代码可...