查看: 8716|回复: 0
打印 上一主题 下一主题

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

[复制链接]
跳转到指定楼层
1#
发表于 2007-10-6 10:25:37 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
台州网址导航
要做到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()">
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享分享 分享淘帖
台州维博网络(www.tzweb.com)专门运用PHP+MYSQL/ASP.NET+MSSQL技术开发网站门户平台系统等。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

网站推广
关于我们
  • 台州朗动科技(Tzweb.com)拥有多年开发网站平台系统门户手机客户端等业务的成功经验。主要从事:政企网站,系统平台,微信公众号,各类小程序,手机APP客户端,浙里办微应用,浙政钉微应用、主机域名、虚拟空间、后期维护等服务,满足不同企业公司的需求,是台州地区领先的网络技术服务商!

Hi,扫描关注我

Copyright © 2005-2026 站长论坛 All rights reserved

Powered by 站长论坛 with TZWEB Update Techonolgy Support

快速回复 返回顶部 返回列表