有时候可能会在同一个下拉选项框,使用不同的下拉选项。
为了在不同情况,下拉选项有唯一对应的一种组合。我们可以写全所有的下拉选项,然后对每种情况下的下拉选项进行删除,最后便得到一一对应的下拉选项。下面,我们举例说明怎么进行下拉选项的删除。
下拉选框的部分有:
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函数的增改,即可实现。