Javascript中清除Select的Option的问题
来源:互联网 发布:淘宝宝贝图片最佳尺寸 编辑:程序博客网 时间:2024/03/29 17:05
我们有时候需要清除Select控件中的Options集合下的值,
我在网上找了一下,大部分采用的是
obj = document.getElementById("drp"); ///drp是select控件的ID值
for(i=0 ; i< obj.options.length ; i++)
obj.options[i] = null;
但这种方法好像不能完成清空操作的。
我测试了几次,如果我有0到8这几个数,我运行一次清除后,发现1,3,5,7还是存在的,再点击一次清除则只存在3,7。每点一次,减少一半。
一开始想不通为什么会这样,后来想可能是这样的:
由于obj.options.length是随着用户的obj.options[i] ] = null;操作一直的递减的。
所以当删除到第四个的时候,i=4, obj.options.length也等于4,所以就退出循环,以至于只删除了一半。
因此正确的写法是从后面开始删除
obj = document.getElementById("drp"); ///drp是select控件的ID值
for(i=obj.options.length-1 ; i>= 0 ; i--)
obj.options[i] = null;
这样就可以一次清除
应该还有一种方法,就是把for循环中的obj.options.length用一个变量替代,在循环之前给这个变量赋值
Javascript确实不太方便,这种集合对象的清空在.Net通常只要调用该集合对象的Clear方法就行了,在这里却这么麻烦。
- Javascript中清除Select的Option的问题
- Javascript清除Select中Option值
- select option 的处理 赋值之前先全部清除option
- javascript中如何获取<select>标签中<option>的值
- 在javascript中增加select控件的Option选项
- javascript实现select中option的顺序上下移动
- JavaScript对select中option的隐藏和显示操作
- struts中,select option默认选中的问题
- JavaScript获取select-option 的文本值
- JavaScript获取select-option 的文本值
- javascript对select标签的控制(option选项/select)
- select option text-align:center的问题
- 获取select中option的value值
- select中不可选择的option
- 去除select中重复的option
- 动态改变select中option的次序
- jquery 对select中option的操作
- js获取select中option的值
- 教你理解复杂的C-C++声明
- 谁来保护自主创新?
- 生成验证码
- 什么是GMT,什么是UTC
- javamail收mail(一)
- Javascript中清除Select的Option的问题
- 子类对象的实例化过程
- 适用于中文的多模式字符串匹配算法
- 新锐OA特性专题-文件柜
- C++学习体会20060816
- asp.net运行的本质
- 关于创建跨多列、多行表头的DataGrid的一些问题
- 对面向对象设计的理解——Java接口和Java抽象类
- 用autotools制作Makefile 和configure文件。