假设有一个多选框:
<select id="select1" multiple="multiple">
<option>HELLO1</option>
<option>HELLO2</option>
<option>HELLO3</option>
......
......
<option>HELLO1000</option>
</select>
现在我有2个javascript函数,用于移除所有选中的选项,我觉得他们的效果应该一样的:
//顺序遍历
function removeSelectedASC()
{
obj = document.getElementById('select1');
for(var i=0;i<obj.length;i++)
{
if(obj.options[i].selected)
obj.remove(i);
}
}
//倒序遍历
function removeSelectedDESC()
{
obj = document.getElementById('select1');
for(var i=obj.length-1;i>=0;i--)
{
if(obj.options[i].selected)
obj.remove(i);
}
}
但结果是,顺序遍历函数只能移除一半被选中的选项,而倒序遍历函数则使用正常,为什么?
分享到:
相关推荐
JQ JS javascript 多选 多选下拉框 select bootstrap-select
实现多选列表框的 添加,移除,全部移除,方便多个选项的同时操作.
使用javascript实现多选,使用方法可参考网址:https://blog.csdn.net/qq_39579290/article/details/126847485
JQ JS javascript 日期多选控件 JQ JS javascript 日期多选控件
JS多选下拉框,实现多选。点击显示下拉。 <script type="text/javascript"> <!-- function $(e){return document.getElementById(e) ;} $('btnSelect').onclick = function () { //§ó§ï?? $('status')....
在网页中很多时候会用到CheckBoX的多选和反选.比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选,下面笔者就为大家介绍一下如何实现这样的网页效果
使用bootstrap实现多选下拉框
jQuery下拉复选菜单,可实现多选全选功能,并提供下拉框内实时搜索
select多选下拉列表+模糊查询功能,亲测完整,有ASP和HTML样例,代码完整。 <!DOCTYPE html> <title>Insert title here</title> <script src="jquery.min.js"></script> <script type="text/javascript" src=...
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
本项目是基于Layui开发的下拉选择框多选解决...该项目提供了一个基于Layui的多选下拉选择框,方便用户在选择框中进行多选操作。项目结构清晰,代码注释详尽,适合用于学习和研究Layui在多选下拉选择框开发中的应用。
javascript 操作表单select的常用步骤,删除,添加,修改 用代码实现,一看就明白理解用法
layui的select下拉框插件,可以多选
用javascript实现不按Ctrl实现Multiple Select多选
JavaScript操作select JavaScript操作table
对select的详细操作 1判断是否选中 2对属性的增删改成 3分类源码
javascript 操作select下拉列表框的一点小经验.docx
前端select下拉框带搜索,多选,反选
这个效果真的很不错,用JavaScript+CSS美化一个Select框,美化的最终效果像一个下拉菜单一样,带有清新的蓝色背景,从此让你的Select不再灰蒙蒙的,非常好看。
如资源名,使用JAVASCRIPT动态创建一个Select元素和text元素