2

谁能解释我如何在下拉菜单中删除 (0) th/ (n) th 元素？

<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>
4

3 回答 3

5

您可以使用.eq()：

$('#selectBox option').eq(2).remove();  // Removes the third item
于 2013-01-10T07:10:24.993 回答
2

这样，您可以根据其值删除选项

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

您还可以通过文本删除选项：

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

演示

于 2013-01-10T07:09:32.327 回答
1

试试这个

JsFiddle 演示

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

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

检查它是如何工作的：:nth-child() 选择器

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

于 2013-01-10T07:10:00.157 回答