删除下拉菜单中的（o）th /（n）选项？

Question

任何人都可以解释如何删除下拉菜单中的第（0）个/（n）元素吗？

<select name="selectBox" id="selectBox">
   <option value="option1">option1</option>
   <option value="option2">option2</option>
   <option value="option3">option3</option>
   <option value="option4">option4</option> 
</select>

Answer 1

您可以使用.eq()：

$('#selectBox option').eq(2).remove();  // Removes the third item

Answer 2

这样您就可以根据其值

删除选项

$("#selectBox option[value='X']").remove();

您还可以按文字删除选项：

$("#selectBox option:contains(Text)").remove();

DEMO

Answer 3

试试这个

JsFiddle Demo

$("#selectBox option:nth-child(2)").remove();

你可以用任何其他数字替换2，即选项元素的数量。

检查这项工作的方式：:nth-child() Selector

注意：选项编号从0开始到n ......所以如果你写3，请小心，因为它从0开始删除列表中的2项。