• 对下拉框的某些下拉选项进行删除操作--remove(selectIndex)


      有时候可能会在同一个下拉选项框,使用不同的下拉选项。

      为了在不同情况,下拉选项有唯一对应的一种组合。我们可以写全所有的下拉选项,然后对每种情况下的下拉选项进行删除,最后便得到一一对应的下拉选项。下面,我们举例说明怎么进行下拉选项的删除。

      下拉选框的部分有:

    1 <select id="select_id">
    2     <option value="1">Rush </option>
    3     <option value="269" selected="selected">Normal </option>
    4     <option value="270">Rush2 </option>
    5 </select>

      编写JS函数如下:

     1 <script type=”text/javascript” language=”javascript”>
     2     var sel = document.getElementById(“select_id”);
     3     for( var i=0;i<sel.options.length;i++)
     4     {
     5         if( sel[i].value==”1” || sel[i].value==”270”)
     6         {
     7              sel.remove(i);
     8              //sel.options.remove(i);
     9              //sel.options.remove(sel.options[0]);//删除第一个下拉框选项
    10              //sel.options.remove(sel.options[length-1]);//删除最后一个下拉框选项
    11              //sel.options[i].style.display = "none";不好用
    12         }
    13     }
    14 </script>

      以上,可以实现对下拉框的第一个和第三个选项进行删除。

      根据需求进行JS函数的增改,即可实现。

      

  • 相关阅读:
    jmeter之正则表达式
    python_appium搭建APP自动化测试环境
    网络编程
    四种单例模式
    Pycharm快捷键
    面向对象
    阶段性总结
    模块之numpy,pandas,matplotlib
    模块之json,pickle,os,sys,logging
    模块之Time,datatime,hashlib,hmac
  • 原文地址:https://www.cnblogs.com/saijin/p/remove-selectedIndex.html
Copyright © 2020-2023  润新知