现在的位置: 首页 > 综合 > 正文

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

2018年01月25日 ⁄ 综合 ⁄ 共 1129字 ⁄ 字号 评论关闭
 
要做到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()">

抱歉!评论已关闭.