当前位置: 代码迷 >> Web前端 >> 关于select中平添option在FF与IE的兼容总结
  详细解决方案

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

热度:77   发布时间:2012-09-19 13:43:54.0
关于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又必须要去掉。
  相关解决方案