javascriptのドロップダウンボックスのすべてのオプションを削除する

Question

javascriptのドロップダウンボックスのすべてのオプションを動的に削除するにはどうすればよいですか？

Answer 1

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

または

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

ITSは非常に簡単で、JavaScriptとDOMを使用した：0にlength設定

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

Answer 5

は、おそらく最良の方法ですが、あなたのことができこれを行う：

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

Answer 6

私は見つけることができた最速の溶液（この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; 
}