How do I clear all options in a dropdown box?

Question

My code works in IE but breaks in Safari, Firefox, and Opera. (big surprise)

document.getElementById("DropList").options.length=0;

After searching, I've learned that it's the length=0 that it doesn't like.
I've tried ...options=null and var clear=0; ...length=clear with the same result.

I am doing this to multiple objects at a time, so I am looking for some lightweight JS code.

Answer 1

Try

document.getElementsByTagName("Option").length=0

Or maybe look into the removeChild() function.

Or if you use jQuery framework.

$("DropList Option").each(function(){$(this).remove();});

Answer 2

This is the best way :

function (comboBox) {
    while (comboBox.options.length > 0) {                
        comboBox.remove(0);
    }        
}

Answer 3

with PrototypeJS :

$('yourSelect').select('option').invoke('remove');

Answer 4

I think that is the best sol. is

 $("#myselectid").html(''); 

Answer 5

var select = document.getElementById('/*id attribute of your select here*/');
for (var option in select){
    select.remove(option);
}

Answer 6

This is a bit modern and pure JavaScript

document.querySelectorAll('#selectId option').forEach(option => option.remove())