javascript - 更改 's childnodes on change of another ' s 选定的 <选项>

Question

所以我有这些 JavaScript 代码行，我需要删除所选 select 元素的所有子节点并向其附加新的选项元素。选项元素的值存储在“personaggi”数组中。因此，该代码似乎适用于“k”值 0,1 和 2。当 k=3 时，它不再正常工作，我无法找出原因。该函数应该是这样的:

response=xmlhttp.responseText;
var personaggi=response.substr(1).split("+");
select=document.getElementById('select_personaggi');
var length=select.childNodes.length;
for(k=0;k<length;k++){ 
    select.removeChild(select.childNodes[k]); 
}
for(i=0;i<personaggi.length;i++){ 
    var option=document.createElement('option'); 
    option.setAttribute('value', personaggi[i]); 
    var text=document.createTextNode(personaggi[i]); 
    option.appendChild(text); 
    option.appendChild(text); 
    select.appendChild(option); 
}

希望我能很好地解释我的问题:)

Answer 1

您基本上是在循环中从数组中删除元素...这永远不会正常工作。数组的大小随着时间的推移而变化，但您不断增加索引。

以相反的顺序迭代节点，或者执行以下操作:

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