添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

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

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

下拉选框的部分有:

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++)
 5         if( sel[i].value==”1” || sel[i].value==”270”)
 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函数的增改,即可实现。