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>
不过不建议使用这种最快的。