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

 

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

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

　　下拉选框的部分有：

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

　　编写JS函数如下：

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

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

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