`
java_xiaoyi
  • 浏览: 48608 次
  • 性别: Icon_minigender_1
  • 来自: 木木乃州
社区版块
存档分类
最新评论

关于select中添加option在FF与IE的兼容总结

阅读更多
在select框中添加option有三种方式:
1.
ar aa =document.getElementById('SelectName');
var op =document.createElement("OPTION");
op.value="1";
op.innerHTML="大众";
aa.appendChild(op);
var op1=document.createElement("OPTION");
op1.value="2";
op1.innerHTML="奔驰";
aa.appendChild(op1);

2.
var aa =document.getElementById('Select4');
aa.add(new Option("大众", "1"));
aa.add(new Option("奔驰", "2"));

3.
var newoption = new Option(valText, valValue);
document.formname.options[formItem.length] = newoption; 

第一种方式和第三种方式对IE和FF都是可以兼容的,这一点我在都有测试过..(题外话:IETester是一个同时测IE5-IE8的工具),第二种稍微特殊点,如果在FF下,你就要这样写:
var aa =document.getElementById('Select4');
aa.add(new Option("大众", "1"),null);

但是在IE下,这个null又必须要去掉。
分享到:
评论

相关推荐

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

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

    select标签边框的颜色select标签边框的颜色

    在网页设计中,`<select>` 标签用于创建下拉菜单,它是 HTML 表单中不可或缺的一部分。用户可以通过这个标签来选择一个或多个预设的选项。然而,`<select>` 标签的默认样式可能并不符合所有设计需求,因此,调整其...

    javascript实现动态增加删除表格行(兼容IE FF).docx

    本文将详细介绍如何使用JavaScript来实现在Web页面上动态增加和删除表格行的功能,并确保该功能在Internet Explorer (IE) 和 Firefox (FF) 等浏览器中能够正常运行。此技术对于构建具有高度交互性和响应性的用户界面...

    javascript操作Select标记中options集合

    9. **浏览器兼容性**:博客中提到的`select_Option(这个支持FF).html`可能是指该示例在Firefox浏览器上已测试通过,但需要注意其他浏览器如IE、Chrome、Safari等的兼容性问题。 通过这些知识点,开发者可以有效地...

    管理Jquery包装集

    1. 在页面加载时改变DOM结构可能引发性能问题,尤其是在IE6中可能导致“终止操作”的错误。 2. 修改HTML内容来添加元素不符合DOM标准,可能会在某些浏览器中造成延迟显示或不兼容。 **正确创建元素的方法**: 1. **...

    IE event.srcElement和FF event.target 功能比较

    总结起来,`event.srcElement` 和 `event.target` 在 JavaScript 事件处理中都用于获取触发事件的元素,但在兼容性方面,开发人员需要根据目标浏览器来决定使用哪个属性。在编写跨浏览器的代码时,通常会使用条件...

    HTML教程,认识optgroup元素

    浏览器兼容性方面,正如描述中提到的,`<optgroup>`在Internet Explorer(IE)和Firefox(FF)等主流浏览器中都得到了良好的支持。然而,为了确保跨平台和跨设备的兼容性,开发者在使用时仍然应进行充分的测试。 ...

    jquery下拉列表特效

    4. 兼容性:DropKick兼容主流浏览器,包括Chrome、Firefox、Safari、Edge和IE9+,并且在触摸设备上表现良好。 四、DropKick的高级用法 1. 自定义选项:通过传递配置对象给`.dropkick()`方法,可以设置下拉列表的...

    基于jquery的关于动态创建DOM元素的问题

    这在页面加载期间执行,尤其是在大型或复杂的页面中,可能导致浏览器卡顿,甚至在IE6中触发“终止操作”的错误。 2. **非DOM标准**:修改`innerHTML`并不遵循DOM(文档对象模型)的标准方法,可能导致某些浏览器...

    Ajax模仿google提示输入框 v1.8

    2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改...

    Js与下拉列表处理问题解决

    在JavaScript中,处理下拉列表(`<select>`元素)是一项常见的任务,涉及到对`<option>`元素的操作。本文将详细解析标题和描述中的代码片段,以及如何在IE和Firefox等浏览器中解决下拉列表的问题。 首先,让我们...

    Ajax 模仿google百度提示输入框 v1.8

    2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改...

    飞飞Ajax模仿google提示输入框源码 v1.7

    兼容IE6,IE7,FF3.支持input显示与value分离【以隐藏域方式提交数据】4.支持下拉框按钮5.支持显示结果数量6.可以一个页面多次使用7.模拟下拉框不会被select遮挡8.调用更方便(内核已改为jq插件)9.皮肤修改方便 ,...

    HTML语法字典HTML语法字典

    #### 一、简介 ...它通过一系列的元素来构建结构化的文档,这些文档可以通过浏览器进行渲染和...- **作用**:在表单中加入输入栏位。 - **示例**: ```html ``` ##### 39. 查询表单 `<isindex>` - **作用*...

Global site tag (gtag.js) - Google Analytics