xóa tất cả tùy chọn của hộp thả xuống trong javascript

Question

Làm cách nào tôi có thể tự động xóa tất cả các tùy chọn của hộp thả xuống trong javascript?

Answer 1

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

hoặc

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

của nó rất dễ dàng sử dụng JavaScript và DOM:

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

Answer 5

Thiết lập length 0 có lẽ là cách tốt nhất, nhưng bạn có thể cũng làm điều này:

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

Answer 6

Giải pháp nhanh nhất tôi đã có thể tìm thấy là đoạn mã sau (lấy từ article này):

// 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; 
}