Question

How can I go about dynamically deleting an option from a drop down (select) box? The value will need to be retrieved and then deleted manually.

i.e.

    [DROP DOWN BOX]
    Apples
    Oranges
    Pears
    Kiwis
    Mangos
    Strawberries

var option_to_delete = “Pears”

Some code to dynamically search through the select box options for “Pears”, and if detected, remove it.

Expected result:

    [DROP DOWN BOX]
        Apples
        Oranges
        Kiwis
        Mangos
        Strawberries

No jQuery libaries please.

Answer 1

This code will loop through the dropdown box and if one of the elements is equal to your variable 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);
   }
}

I adapted some code from https://stackoverflow.com/a/7601791/298051