Javascript 如何删除`<；选项>；`内部`<；选择>；`通过jquery？

这是我的消息来源：

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

选择1
选择2
选择3

我想删除一个选项：

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

选择1
选择2

---

如何使用jQuery或JavaScript执行此操作？

要删除具有值的选项：

“option1”

：

不过，您必须在选项中设置值：

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

选项1
选择2
选择3

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

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

梅赛德斯 沃尔沃汽车 大众

---

例如，服务器仍将收到

选项1

。

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

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

---

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

要删除带有索引的特定选项，则必须使用或

：eq

和

---

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

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

---

在给定示例中使用简单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>

---

或者使用jQuery使用

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

---

再次删除第三项。

我想删除第二项？然后使用jQuery（“选择选项：第n个孩子（2）”）。删除（）如果需要删除第二项，有多少选项有多重要？恐怕我不明白你的意思。

Dhaval Marthak

对不起，但是我在回答这个问题之前搜索过，没有找到！！！你找了，但什么也没找到？我不相信你会投反对票？

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

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

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

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

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