Question

这是我的来源：

<select>
    <option>option1</option>
    <option>option2</option>
    <option>option3</option>
</select>

我想删除一个选项：

<select>
    <option>option1</option>
    <option>option2</option>
</select>

如何使用jQuery或JavaScript？

Answer 1

要删除值为"option1"的选项：

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

您必须在选项中设置值：

<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>

添加值属性还有一个好处，即您可以更改显示的值，同时将代码可以理解的内容发送回服务器：

<option value="option1">Mercedes</option>
<option value="option2">Volvo</option>
<option value="option3">Volkswagen</option>

例如，服务器仍会收到option1。

Answer 2

要删除最后一个元素，只需执行以下操作：

jQuery("select option:last").remove();

当然，您可以将选择器更改为您想要的任何内容，它只能指向一个或多个选项元素。

Answer 3

要删除带索引的特定选项，您必须使用.eq()或:eq和.remove()

$('select option:eq(2)').remove();

Answer 4

在给定示例中使用简单的JavaScript：

<script type="text/javascript">
    var oList = document.getElementsByTagName("select")[0] ;
    var oOption = oList.options[2]; // to select the third childelement
    oList.removeChild(oOption); // to remove the childelement
</script>

这将删除DOM中第一个选择的第三个条目。给你的选择这样的id是个好主意：

<select id="sel"> ... </select>

这样你就可以选择这样的元素：

var oList = document.getElementById("sel") ;

或者使用jQuery使用

$("#sel option:eq(2)").remove();

再次删除第三项。

Answer 5

您应该通过选择器获取此选项...例如使用id，然后使用romove（）函数。例如：

<select>
  <option id="a">a</option>
  <option>b</option>
</select>

JQuery的：

$("#a").remove();

如何通过jquery？</select> </option>删除`<select>`里面的`<option>`

5 个答案: