javascript - 从选择框中删除特定值

Question

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

即

    [DROP DOWN BOX]
    Apples
    Oranges
    Pears
    Kiwis
    Mangos
    Strawberries

var option_to_delete = "梨"

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

预期结果:

    [DROP DOWN BOX]
        Apples
        Oranges
        Kiwis
        Mangos
        Strawberries

请不要使用 jQuery 库。

Answer 1

此代码将循环遍历下拉框，如果其中一个元素等于您的变量option_to_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);
   }
}

我改编了 https://stackoverflow.com/a/7601791/298051 中的一些代码