`

无法完全删除select下所有option的问题?

阅读更多
我的代码是:
  /*
    *删除全部的select的option
   */
  function removeAll(){
   var _selectId = "select";
   var _select =document.getElementById(_selectId);
   for(var i=0;i<_select.options.length;i++){
     _select.options.remove(i);
   }
  }
  这样造成了只有单数索引没有被删除,最后经同事提示,select的index是会发生变化的,例如:
    索引:0     1      2      3       4    
      值  :aa    ab     ac     ad      ae
  当我删除了索引为0的aa后,数据的排列是:
      索引:0     1      2      3
      值  :ab    ac     ad    ae
  所以上面的i递增的时候就把单数给漏掉了。
  解决问题的班房有两种:
     代码1:
       function removeAll(){
        var _selectId = "select";
        var _select =document.getElementById(_selectId);
        for(var i=0;i<_select.options.length;){
          _select.options.remove(i);
        }
       }
     代码2:
       function removeAll(){
         var _selectId = "select";
         var _select =document.getElementById(_selectId);
         for(var i=select.options.length;i>0;i--){
           _select.options.remove(i-1);
         }
       }
分享到:
评论

相关推荐

    删除select中所有option选项jquery代码

    总结来说,这篇文章通过一个具体的问题——如何使用jQuery删除select中的所有option选项,给我们展示了jQuery选择器的使用,元素操作方法的调用,以及链式调用的技巧。同时,也让我们看到了jQuery在简化DOM操作上的...

    js 操作select与option(示例讲解)

    这些操作包括动态创建select元素、添加和删除option选项、清空所有选项、获取选中项的值和文本以及修改和删除select元素。掌握这些操作对于进行网页交互式界面设计十分重要,也是前端开发者必须具备的基础技能之一。

    JavaScript对Select的操作.doc

    获取Select对象后,通过设置`options`属性的`length`为0,可以一次性删除所有Option。 ```javascript function removeAll() { var obj = document.getElementById('mySelect'); obj.options.length = 0; } `...

    jquery操作select元素和option的实例代码

    - `removeOneByIndex(selectID, index)`:根据提供的索引值删除`select`元素中的一个`option`。 - `removeOneByValue(selectID, value)`:根据`value`值删除`select`元素中的一个`option`。 - `editOptions(selectID...

    js下拉列表也可以这么使用??有点变态

    select.add(option); ``` 2. **事件监听**:利用`addEventListener`,我们可以监听用户的选择变化,从而触发相应的处理函数: ```javascript select.addEventListener('change', function() { console.log(this....

    使用jquery实现select添加实现后台权限添加的效果

    在本文中,我们将深入探讨如何使用jQuery来实现一个基本的后台权限管理功能,特别是涉及到`select`元素的添加和删除操作。这个功能允许用户通过双击或者点击按钮在两个多选列表之间移动选项,模拟权限分配的过程。 ...

    linux下安装hive2.3.6(完全分布式下).docx

    删除 hive-site.xml 文件中标签与之间的所有内容,然后手动添加配置参数如下: &lt;name&gt;hive.metastore.warehouse.dir &lt;value&gt;/data/hive/warehouse &lt;name&gt;hive.metastore.local &lt;value&gt;true &lt;name&gt;javax....

    OCP 11G 1Z0-051 V9.02.pdf

    视图`v4`进行了聚合操作,因此也不能执行所有DML操作,例如删除单行记录。 ##### 题目3:使用通配符筛选特定字符串 **题目描述**:你需要从`SALES`表中提取包含字符串`'_D123'`的产品详情。 **问题**:在`SELECT`...

    jQuery完全实例.rar

    这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果没有指定context参数,$()将在当前的 HTML 文档中查找 DOM 元素;如果指定了 ...

    oracle11g ocp 051翻译解析

    这是因为它们都是基于单个表`SALES`的视图,并且在创建时指定了`WITH CHECK OPTION`,这允许用户在符合视图定义条件的情况下执行DML操作。 - 视图v4由于使用了聚合函数`SUM()`,所以不能执行插入(insert)和删除...

    Oracle 中级模拟题

    - **解析:** 如果用户A使用GRANT OPTION将example表的SELECT权限授予用户B,而B又将同样的权限授予了用户C,那么当A的权限被回收时,B和C都将失去该权限,因为它们的权限是依赖于A的原始授权。 **14. 下列哪一查询...

    jQuery双向列表选择器select版

    - btn_a.click、btn_b.click、btn_c.click、btn_d.click:这些函数对应不同的按钮点击事件,分别实现将选中的项从一个列表添加到另一个列表,删除选中的项,以及将所有项添加或删除。 5. 页面加载完成后初始化:...

    MySQL数据库:用户的权限管理.pptx

    或者完全权限,允许用户在所有数据库中创建表: ```sql GRANT ALL ON *.* TO user1@localhost; ``` 用户权限可以赋予`CREATE`, `ALTER`, `DROP`等,例如让`Peter`可以在所有数据库中创建、修改和删除表: ```sql ...

    浮点vfdsfJAVA实现链表,双向链表.txtJAVA实现链表,双向链表.txt

    * 请勿在未经授权的情况下上传任何涉及著作权侵权的资源,除非该资源完全由您个人创作 * 点击上传资源即表示您确认该资源不违反资源分享的使用条款,并且您拥有该资源的所有版权或者上传资源的授权 ...

    不同数据库之间复制表的数据的方法.pdf

    EXEC sp_serveroption 'srv_lnk','rpc out','true' ``` 2. 查询和导入数据: ```sql SELECT * FROM srv_lnk.数据库名.dbo.表名 SELECT * INTO 表 FROM srv_lnk.数据库名.dbo.表名 ``` 3. 删除链接服务器: ...

    数据库系统概论第12周学习攻略

    ### 数据库系统概论第12周学习攻略:数据库学习常见问题解析 #### 一、EXISTS谓词及其应用 1. **基本概念** - **EXISTS**谓词主要用于判断一个子查询是否至少返回一行数据。如果子查询返回至少一行数据,则外层...

    javascript对下拉列表框(select)的操作实例讲解

    根据给定的文件信息,下面将展开关于JavaScript对下拉列表框(select)操作的知识点讲解。 ### JavaScript对下拉列表框(select)操作详解 #### 一、基本操作 1. **获取下拉列表框的引用** 使用`document....

    2009达内SQL学习笔记

    ORDER BY子句中使用的列将是为显示所选择的列,但是实际上并不一定要这样,用非检索的列排序数据是完全合法的。 为了按多个列排序,列名之间用逗号分开。 2、支持按相对列位置进行排序。 输入 SELECT prod_id,...

    MySQL基本操作手册

    - **查询所有用户**:使用`SELECT user, host FROM mysql.users`来列出所有用户及其访问主机。 - **查询用户权限**:通过`SHOW GRANTS FOR 'username'@'hostname';`可以查看指定用户的具体权限。 - **删除用户**...

Global site tag (gtag.js) - Google Analytics