• 对下拉框的某些下拉选项进行删除操作--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函数的增改,即可实现。

      

  • 相关阅读:
    [zz] 从VMM中终止GUEST OS中运行进程
    [zz]Linux流量监控工具 – iftop (最全面的iftop教程)
    [zz]Ubuntu终端下Nethogs网络流量监控工具
    AtomicBoolean运用
    JDK中的URLConnection参数详解
    java读取文本文件数据
    tomcat时区设置
    java的upload
    java复习(set 、list、map)
    NIO学习笔记1
  • 原文地址:https://www.cnblogs.com/saijin/p/remove-selectedIndex.html
Copyright © 2020-2023  润新知