追加的選項列表中，但除去上述選項

Question

你好我嘗試追加dinamically根據另一個選擇列表選項中進行選擇，例如：

<select> 
    <option value='firstValue'>firstValue</option> 
    <option value='secondValue'>secondValue</option> 
</select> 

<select> 
    // options appended from json depending 
</select> 

這樣的IM做這個

xhr.onreadystatechange = function() { 

    if(this.readyState === 4 && this.status === 200) { 

     data = JSON.parse(this.responseText); 
     data.races.map(function(race){ 
     $(race).appendTo(mySelect) 
    }) 

    } 
} 

這工作正常但我希望新的選項可以取代之前的選項，如果不在相同的選擇上進行疊加。我試着使用的.html（）做什麼，但它只是追加數組我也試過這種的最後一個值：

$(mySelect).find('option').remove().end().append($(raza)) 

但它確實和以前一樣，只是apppends只有數組的最後一個值，我可以得到任何關於如何完成這個請求的幫助嗎？謝謝 ！

Answer 1

清除元素的最簡單方法是將其長度設置爲零。

如：

var select = document.getElementById("mySelect"); 
select.length = 0; 

，將刪除列表中的所有元素。在循環數據並添加新項目之前執行此操作。