兼容IE和FIREFOX的select选项操作JS

来源：互联网发布：tecplot读取txt的数据编辑：程序博客网时间：2024/05/09 23:49

要做到ie和firefox下兼容的确是件很麻烦的事情。

刚开始找的一个实例，只能再IE下跑。代码如下：

<script language="javascript">
function addSel(){
var obj;
obj=document.createElement("option");
obj.text=document.all.addT.value;
obj.value=document.all.addV.value;
sel.add(obj);
}
function delSel(){
document.all.sel.options.remove(document.all.sel.selectedindex);
document.all.sel.selectindex=0;
}
</script>
<select id="sel">
<option value="1">11111</option>
<option value="2">22222</option>
</select>
value:<input id="addV" type="text">
text:<input id="addT" type="text">
<input type="button" value="添加" onclick="addSel()">
<input type="button" value="删除" onclick="delSel()">

修改了下，现在再IE和FIREFOX下都没有问题了。
修改后如下

<script language="javascript">
function addSel(){
document.all.sel.options.add(new Option(document.all.addT.value,document.all.addV.value));
}
function delSel(){
document.all.sel.options.remove(document.all.sel.selectedindex);
document.all.sel.selectindex=0;
}
</script>
<select id="sel">
<option value="1">11111</option>
<option value="2">22222</option>
</select>
value:<input id="addV" type="text">
text:<input id="addT" type="text">
<input type="button" value="添加" onclick="addSel()">
<input type="button" value="删除" onclick="delSel()">