使用js删除所有option选项

by 清泉 17. 十月 2008 12:04

      平时除了需要一个个的删除option选项,但更多时候,在编辑二级联动的时候,我们需要删除已经存在的option选项来重新添加,下面是我们采用的是循环删除所有option的JS,如果某个删除option选项的JS在IE下可以清除下拉框所有值,可是在FF下却清除不掉也不报错也不清除,请用下一个再试。

代码如下:
这个是使用dom的方法来清除的
var oSel=document.form1.DropDownCity;
while(oSel.options.length>0){
    oSel.removeChild(oSel.options[0]);
}

也可以用
<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>
或者
<script language="javascript">
     function del() {
           for (var i = s.options.length - 1; i >= 0; i --)
                 s.options[i] = null;                
     }
</script>
<select id="s">
     <option>1</option>
     <option>2</option>
     <option>3</option>
     <option>4</option>
     <option>5</option>
</select>
<input type="button" value="delete" onclick="del();">
当然还有更快速的:
<SCRIPT LANGUAGE="JavaScript">
function del1(){
       var obj = document.getElementById("s");
               obj.options.length=0
}
</SCRIPT>
不过不建议使用这种最快的。

Tags: ,

JS相关技术

评论

添加评论



(将显示你的Gravatar头像)  

biuquote
微笑得意调皮害羞酷大笑惊讶发呆喜欢可怜尴尬闭嘴噘嘴皱眉伤心抓狂呕吐坏笑漫骂发怒
Loading



Supidea.com 晨飞的梦 @ All Rights Reserved. Powered by BlogYi.NET ver:1.8.0.0. 苏ICP备09011404号

关于博主

kamau
抱着美好的理想背井离乡,这酸甜苦辣只能默默忍受。既然选择了路,就得风雨兼程……

Calendar

<<  五月 2012  >>
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910

在日历中查看文章

最近的评论

Comment RSS

声明

      本博所发一切破解相关附件只作学习研究交流之用,严禁用于商业用途,请在下载24小时内删除。
      本博所有网友评论不代表本博立场,版权归其作者所有。

© Copyright 2009