我们有时候需要清除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用一个变量替代,在循环之前给这个变量赋值
分享到:
相关推荐
select option 自定义图片的js 、css 以及代码展示,javaScript ;
Javascript操作Select和Option 一个网页 挺全的
javascript 获取select ->option中id、value、label属性及<option></option>中内容
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
本人写的一个html页面,用js实现从数组读数据自动生成select控件
主要介绍了JavaScript为select添加option的方法和示例,十分的简单实用,有需要的小伙伴可以参考下。
如资源名,使用JAVASCRIPT动态创建一个Select元素和text元素
使用JavaScript模拟select
javascript 操作表单select的常用步骤,删除,添加,修改 用代码实现,一看就明白理解用法
对select的详细操作 1判断是否选中 2对属性的增删改成 3分类源码
JavaScript 多级联动select
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
本文实例讲述了JavaScript实现通过select标签跳转网页的方法。分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过...
javascript之HTML(select option)详解 一、基础理解: 复制代码代码如下: var e = document.getElementById(“selectId”); e. options= new Option(“文本”,”值”) ; //创建一个option对象,即在<select>...
JavaScript Json Create、Select、Delete、Update
主要介绍了javascript 删除select中的所有option的实例的相关资料,希望通过本文能帮助到大家实现这样的功能,需要的朋友可以参考下
本文针对开发项目中遇到的问题,进行了汇总 问题1:如何选择select的option里面的值? 首先会用到一个方法 onchange();这个方法主要用于触发,选择框内容改变时间 实现代码: <!doctype html> <html> ...
JavaScript操作select JavaScript操作table
主要介绍了JS更改select内option属性的方法,涉及JavaScript动态操作页面select元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下