从选择选项中删除一些选项

时间:2016-04-15 16:42:14

标签: javascript jquery html

我的表单中有select option,每次都有不同的值,但总是4个选项

这是我的代码(PS:记住选项值,每次更改)

<select name="selectoption" id="selectoption" selected>
    <option value="2623">option1</option>
    <option value="8982">option2</option>
    <option value="1237">option3</option>
    <option value="9362">option4</option>   
</select>

如何从选项列表中删除第一个和第二个选项?

我尝试过:

$("#selectoption option:selected").remove();

但它只删除了第一个选项(选项1 ),我想要删除前2个选项,换句话说,我想选择需要删除的选项。

1 个答案:

答案 0 :(得分:3)

使用:lt(又名低于)选择器:

$("#selectoption option:lt(2)").remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="selectoption" id="selectoption" selected>
  <option value="2623">option1</option>
  <option value="8982">option2</option>
  <option value="1237">option3</option>
  <option value="9362">option4</option>   
</select>

它会删除index = 2或更低的选项标签,因此会删除前两个元素。