Javascript 从选择框中删除指定值

如何从下拉（选择）框中动态删除选项？需要检索该值，然后手动删除

i、 e

var option_to_delete=“Pears”

一些代码可以动态搜索“Pears”的选择框选项，如果检测到，则将其删除

预期结果：

    [DROP DOWN BOX]
        Apples
        Oranges
        Kiwis
        Mangos
        Strawberries

---

请不要使用jQuery库。

您可以在

中的子节点上循环，并删除

innerText

或

值等于“Pears”的子节点

我已经提供了一种方法：
您可以在
中的子节点上循环，并删除
内部文本或
值等于“Pears”的子节点

我已经提供了一个这样做的方法：
此代码将在下拉框中循环，如果其中一个元素等于您的变量
option\u to\u delete

var dropdown = document.getElementById('ID_OF_DROPDOWN');
var option_to_delete = "Pears"

for (i=0;i<dropdown.length;  i++) {
   if (dropdown.options[i].value==option_to_delete) {
     dropdown.remove(i);
   }
}

var dropdown=document.getElementById（'ID_OF_dropdown'）；
var option_to_delete=“Pears”
对于（i=0；i此代码将在下拉框中循环，如果其中一个元素等于您的变量
option\u to\u delete

var dropdown = document.getElementById('ID_OF_DROPDOWN');
var option_to_delete = "Pears"

for (i=0;i<dropdown.length;  i++) {
   if (dropdown.options[i].value==option_to_delete) {
     dropdown.remove(i);
   }
}

var dropdown=document.getElementById（'ID_OF_dropdown'）；
var option_to_delete=“Pears”
对于（i=0；i您可以这样构造您的html

    <select id="fruits">
        <option value="apples">Apple</option>
        <option value="oranges">Oranges</option>
        <option value="kiwis">Kiwis</option>
    </select>


苹果
橘子
猕猴桃

然后在JS中

    var selectBox = document.getElementById('#fruits');
    var options = selectBox.getElementsByTagName('option');
    var optionToDelete = 'apples';

    for (var i = 0; i < options.length; i++) {
        if (options[i].value === optionToDelete) {
            selectBox.removeChild(options[i]);
        }
    }

var-selectBox=document.getElementById（“#fruits”）；
var options=selectBox.getElementsByTagName（'option'）；
var optionToDelete=‘苹果’；
对于（变量i=0；i
您可以这样构造html

    <select id="fruits">
        <option value="apples">Apple</option>
        <option value="oranges">Oranges</option>
        <option value="kiwis">Kiwis</option>
    </select>


苹果
橘子
猕猴桃

然后在JS中

    var selectBox = document.getElementById('#fruits');
    var options = selectBox.getElementsByTagName('option');
    var optionToDelete = 'apples';

    for (var i = 0; i < options.length; i++) {
        if (options[i].value === optionToDelete) {
            selectBox.removeChild(options[i]);
        }
    }

var-selectBox=document.getElementById（“#fruits”）；
var options=selectBox.getElementsByTagName（'option'）；
var optionToDelete=‘苹果’；
对于（变量i=0；i
非常感谢。这也很有效！给猫剥皮的方法太多了！非常感谢。这也很有效！给猫剥皮的方法太多了！谢谢。效果很好！谢谢。效果很好！