rimozione di tutte le opzioni della casella a discesa in javascript

Question

Come posso rimuovere dinamicamente tutte le opzioni di una casella a cascata in 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

È molto facile utilizzando JavaScript e DOM:

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

Answer 5

Impostazione del length a 0 è probabilmente il modo migliore, ma è possibile anche fare questo:

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

Answer 6

La soluzione più veloce ho potuto trovare è il seguente codice (tratto da questo 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; 
}