eliminando todas las opciones del cuadro desplegable en javascript

Question

¿Cómo puedo eliminar dinámicamente todas las opciones de un cuadro desplegable en javascript?

Answer 1

document.getElementById('id').options.length = 0; 

o

document.getElementById('id').innerHTML = ""; 

Answer 2

var select = document.getElementById('yourSelectBox'); 

while (select.firstChild) { 
    select.removeChild(select.firstChild); 
} 

Answer 3

<select id="thing"><option>fdsjl</option></select> 
<script> 
var el = document.getElementById('thing'); 
el.innerHTML = ''; 

// or this 

while (el.firstChild) { 
    el.removeChild(el.firstChild) 
} 
</script> 

Answer 4

Es muy fácil de usar JavaScript y DOM:

while (selectBox.firstChild) 
    selectBox.removeChild(selectBox.firstChild); 

Answer 5

Ajuste del length a 0 es probablemente la mejor manera, pero se puede también haz esto:

var mySelect = document.getElementById("select"); 
var len = mySelect.length; 
for (var i = 0; i < len; i++) { 
    mySelect.remove(0); 
} 

Answer 6

La solución más rápida pude encontrar es el siguiente código (tomado de esta article):

// Fast javascript function to clear all the options in an HTML select element 
// Provide the id of the select element 
// References to the old <select> object will become invalidated! 
// This function returns a reference to the new select object. 
function ClearOptionsFast(id) 
{ 
    var selectObj = document.getElementById(id); 
    var selectParentNode = selectObj.parentNode; 
    var newSelectObj = selectObj.cloneNode(false); // Make a shallow copy 
    selectParentNode.replaceChild(newSelectObj, selectObj); 
    return newSelectObj; 
}