js删除select下拉列表框中option选项的多种方法(附代码)

发布时间:2020-05-28编辑:脚本学堂
本文介绍下,用javascript删除select下拉列表框中的option选项的代码,提供了四种不同的实现方法,有需要的朋友,可以看看。

方法1,removeChild删除option
 

复制代码 代码示例:
var oSel=document.form1.DropDownCity;
while(oSel.options.length>0){
oSel.removeChild(oSel.options[0]);
}

方法2,remove删除option
 

复制代码 代码示例:
<SCRIPT LANGUAGE="javascript">
function del1(){
var obj = document.getElementById("s");
var count = obj.options.length;
for(var i = 0;i<count;i++){
obj.options.remove(0);//每次删除下标都是0
}
}
</SCRIPT>

方法3,数组循环的方法删除option
 

复制代码 代码示例:
<script language="javascript">
function del() {
for (var i = s.options.length - 1; i >= 0; i --)
s.options[i] = null;
}
</script>

方法4,赋值的方法
 

复制代码 代码示例:
<SCRIPT LANGUAGE="JavaScript">
function del1(){
   var obj = document.getElementById("s");
   obj.options.length=0
} //by www.jb200.com
</SCRIPT>

附,removeOption
1)、在ie中的用法
 

function removeOption(index)  
{  
   document.getElementById("selUnassignedUsers").options.remove(index);  

2)、在FF中的用法
 

function removeOption(index)  
{  
  document.getElementById("selUnassignedUsers").remove(index);  
}

>>> 您可能感兴趣的文章:
JavaScript 移动和重排option选项的方法
JavaScript 移除option选项的方法
JavaScript 选择option选项的方法
JavaScript 添加option选项的方法
js 添加、修改、删除select中option元素的实现代码
js动态添加与删除 select option的代码
javasript 操作select中option的常用方法
js获取select下拉标签中option的属性值
js移动(增加删除)select option的实现代码
js 控制select下拉列表框中option选项的上下移动
Js动态添加select的option选项的代码
javascript操作Select options集合的实例介绍
JS动态添加与删除option选项的代码
js页面跳转 option location页面跳转的代码实例