关于如何删除掉select中的option元素，兼容IE、Firefox
来源：互联网 发布：终极算法电子书 编辑：程序博客网 时间：2024/06/06 01:08
下面贴段完整的删除option的兼容IE、Firefox的实例代码，可一次删除多个被选中的options。
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<head>
<title> 一次删除多个被选中的options ， 兼容IE、Firefox ...</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="枫岩,CnLei.y.l@gmail.com">
<meta name="copyright" content="http://www.cnlei.com" />
<meta name="description" content="一次删除多个被选中的options，兼容IE、Firefox ..." />
<script type="text/javascript">
function delOption(oSel){
if (oSel.selectedIndex>=0) {
oSel.remove(oSel.selectedIndex);
delOption(oSel);
}
}
</script>
</head>
<body>
<h3>一次删除多个被选中的options ， 兼容IE、Firefox ...</h3>
<form method="" action="">
<select class="SltBar" name="MySel" size="10" multiple="true">
<option value="IECN.NET">IECN.Net-JavaScript</option>
<option value="IECN.NET">IECN.Net-XHTML/CSS</option>
<option value="IECN.NET">IECN.Net-ASP/VBScript</option>
<option value="IECN.NET">IECN.Net-PHP/MySql</option>
<option value="IECN.NET">IECN.Net-.Net开发</option>
<option value="IECN.NET">IECN.Net-Java开发</option>
</select>
<input type="button" value="删除选中的option" onclick="delOption(this.form.MySel);" />
</form>
</body>
</html>
应用实例二：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<head>
<title> 代码实例：添加、删除域名列表</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="枫岩,CnLei.y.l@gmail.com">
<meta name="copyright" content="http://www.cnlei.com" />
<meta name="description" content="一次删除多个被选中的options，兼容IE、Firefox ..." />
<script type="text/javascript">
function delOption(oSel){
if (oSel.selectedIndex>=0) {
oSel.remove(oSel.selectedIndex);
delOption(oSel);
}
}
function addOption(oSel,sVal){
for(var i=0;i<oSel.length;i++){
if (oSel.options[i].value==sVal){
alert("已存在："+sVal+"/n/n请不要添加重复数据！");
return false;
}
}
var oOption=new Option(sVal,sVal);
oSel[oSel.length]=oOption;
}
</script>
</head>
<body>
<h3>一次删除多个被选中的options ， 兼容IE、Firefox ...</h3>
<form method="" action="">
<input type="text" name="siteUrl" size="50" value="google.com" /> <input type="button" value="添加至列表" onclick="addOption(this.form.siteList,this.form.siteUrl.value);" /><br />
已有域名列表：<br />
<select name="siteList" size="10" multiple="true" size="10" style="width:300px;">
<option value="265.com">265.com</option>
<option value="cnlei.com">cnlei.com</option>
<option value="iecn.net">iecn.net</option>
<option value="dodo.hk">dodo.hk</option>
</select>
<input type="button" value="删除选中的域名" onclick="delOption(this.form.siteList);" />(可一次性选中多个进行删除)<br />
<input type="submit" class="InpBtn" value="保存已添加的域名列表" />
</form>
</body>
</html>
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<head>
<title> 一次删除多个被选中的options ， 兼容IE、Firefox ...</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="枫岩,CnLei.y.l@gmail.com">
<meta name="copyright" content="http://www.cnlei.com" />
<meta name="description" content="一次删除多个被选中的options，兼容IE、Firefox ..." />
<script type="text/javascript">
function delOption(oSel){
if (oSel.selectedIndex>=0) {
oSel.remove(oSel.selectedIndex);
delOption(oSel);
}
}
</script>
</head>
<body>
<h3>一次删除多个被选中的options ， 兼容IE、Firefox ...</h3>
<form method="" action="">
<select class="SltBar" name="MySel" size="10" multiple="true">
<option value="IECN.NET">IECN.Net-JavaScript</option>
<option value="IECN.NET">IECN.Net-XHTML/CSS</option>
<option value="IECN.NET">IECN.Net-ASP/VBScript</option>
<option value="IECN.NET">IECN.Net-PHP/MySql</option>
<option value="IECN.NET">IECN.Net-.Net开发</option>
<option value="IECN.NET">IECN.Net-Java开发</option>
</select>
<input type="button" value="删除选中的option" onclick="delOption(this.form.MySel);" />
</form>
</body>
</html>
应用实例二：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<head>
<title> 代码实例：添加、删除域名列表</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="枫岩,CnLei.y.l@gmail.com">
<meta name="copyright" content="http://www.cnlei.com" />
<meta name="description" content="一次删除多个被选中的options，兼容IE、Firefox ..." />
<script type="text/javascript">
function delOption(oSel){
if (oSel.selectedIndex>=0) {
oSel.remove(oSel.selectedIndex);
delOption(oSel);
}
}
function addOption(oSel,sVal){
for(var i=0;i<oSel.length;i++){
if (oSel.options[i].value==sVal){
alert("已存在："+sVal+"/n/n请不要添加重复数据！");
return false;
}
}
var oOption=new Option(sVal,sVal);
oSel[oSel.length]=oOption;
}
</script>
</head>
<body>
<h3>一次删除多个被选中的options ， 兼容IE、Firefox ...</h3>
<form method="" action="">
<input type="text" name="siteUrl" size="50" value="google.com" /> <input type="button" value="添加至列表" onclick="addOption(this.form.siteList,this.form.siteUrl.value);" /><br />
已有域名列表：<br />
<select name="siteList" size="10" multiple="true" size="10" style="width:300px;">
<option value="265.com">265.com</option>
<option value="cnlei.com">cnlei.com</option>
<option value="iecn.net">iecn.net</option>
<option value="dodo.hk">dodo.hk</option>
</select>
<input type="button" value="删除选中的域名" onclick="delOption(this.form.siteList);" />(可一次性选中多个进行删除)<br />
<input type="submit" class="InpBtn" value="保存已添加的域名列表" />
</form>
</body>
</html>
- 关于如何删除掉select中的option元素，兼容IE、Firefox
- 关于如何删除掉select中的option元素，兼容IE、fireFox
- select option隐藏（兼容IE，firefox）
- 向select中添加option，firefox和ie兼容
- 添加删除select中的option元素
- js动态添加删除表格元素(兼容IE和Firefox)
- select下拉列表操作,如何兼容于IE和firefox
- jquery, select, option, firefox, chrome, IE, opera...
- 兼容ie select option 显示隐藏
- js操作select 兼容ie、chrome、Firefox
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- 删除select元素里面的所有option
- 兼容ie和firefox的表格删除
- FireFox和IE下的select option JS相关操作
- FireFox和IE下的select option JS相关操作
- 将select中的option全部删除
- Ajax从入门到精通
- 令人毛骨悚然的大学校外租房经历
- 随笔
- Programfan
- DotNet2005Web画面由Enter键造成Submit的防止
- 关于如何删除掉select中的option元素，兼容IE、Firefox
- Detour
- Detour开发包之API拦截技术
- 一位"80后"本科生对"上大学"的思考
- 获得SWF后缀的url
- strlen和sizeof的区别小结
- CVS 使用介绍（转）
- 防范WEB SHELL
- 马云离沪初衷：上海怕我们这样的创新公司
