在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又必须要去掉。
分享到:
相关推荐
本文将详细讨论一个特定的JavaScript问题,即在Internet Explorer(IE)浏览器中使用`innerHTML`属性向`<select>`元素插入`<option>`标签时遇到的bug,以及如何解决这个bug以实现跨浏览器兼容性,包括IE、Firefox、...
在网页设计中,`<select>` 标签用于创建下拉菜单,它是 HTML 表单中不可或缺的一部分。用户可以通过这个标签来选择一个或多个预设的选项。然而,`<select>` 标签的默认样式可能并不符合所有设计需求,因此,调整其...
本文将详细介绍如何使用JavaScript来实现在Web页面上动态增加和删除表格行的功能,并确保该功能在Internet Explorer (IE) 和 Firefox (FF) 等浏览器中能够正常运行。此技术对于构建具有高度交互性和响应性的用户界面...
9. **浏览器兼容性**:博客中提到的`select_Option(这个支持FF).html`可能是指该示例在Firefox浏览器上已测试通过,但需要注意其他浏览器如IE、Chrome、Safari等的兼容性问题。 通过这些知识点,开发者可以有效地...
1. 在页面加载时改变DOM结构可能引发性能问题,尤其是在IE6中可能导致“终止操作”的错误。 2. 修改HTML内容来添加元素不符合DOM标准,可能会在某些浏览器中造成延迟显示或不兼容。 **正确创建元素的方法**: 1. **...
总结起来,`event.srcElement` 和 `event.target` 在 JavaScript 事件处理中都用于获取触发事件的元素,但在兼容性方面,开发人员需要根据目标浏览器来决定使用哪个属性。在编写跨浏览器的代码时,通常会使用条件...
浏览器兼容性方面,正如描述中提到的,`<optgroup>`在Internet Explorer(IE)和Firefox(FF)等主流浏览器中都得到了良好的支持。然而,为了确保跨平台和跨设备的兼容性,开发者在使用时仍然应进行充分的测试。 ...
4. 兼容性:DropKick兼容主流浏览器,包括Chrome、Firefox、Safari、Edge和IE9+,并且在触摸设备上表现良好。 四、DropKick的高级用法 1. 自定义选项:通过传递配置对象给`.dropkick()`方法,可以设置下拉列表的...
这在页面加载期间执行,尤其是在大型或复杂的页面中,可能导致浏览器卡顿,甚至在IE6中触发“终止操作”的错误。 2. **非DOM标准**:修改`innerHTML`并不遵循DOM(文档对象模型)的标准方法,可能导致某些浏览器...
2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改...
在JavaScript中,处理下拉列表(`<select>`元素)是一项常见的任务,涉及到对`<option>`元素的操作。本文将详细解析标题和描述中的代码片段,以及如何在IE和Firefox等浏览器中解决下拉列表的问题。 首先,让我们...
2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改...
兼容IE6,IE7,FF3.支持input显示与value分离【以隐藏域方式提交数据】4.支持下拉框按钮5.支持显示结果数量6.可以一个页面多次使用7.模拟下拉框不会被select遮挡8.调用更方便(内核已改为jq插件)9.皮肤修改方便 ,...
#### 一、简介 ...它通过一系列的元素来构建结构化的文档,这些文档可以通过浏览器进行渲染和...- **作用**:在表单中加入输入栏位。 - **示例**: ```html ``` ##### 39. 查询表单 `<isindex>` - **作用*...