重新填充下拉列表選項，如何清除選項列表，然後重新填充？

Question

重新填充下拉列表選項，如何清除選項列表，然後重新填充？

當事件觸發時，我需要清除下拉列表#users的當前內容，然後通過ajax重新填充它。

我的Ajax調用返回對於喜歡選擇的HTML：

<option name=blah1>text1</option> 
<option name=blah2>text2</option> 
<option name=blah3>text3</option> 

Answer 1

你可以改變從你的Ajax調用返回使用的數據select元素的html

$("#users").html(data); 

所以會看起來像這樣：

$.ajax({ 
    type: "POST", 
    url: url, 
    data: data, 
    success: : function(data) { 
     $("#users").html(data); 
    } 
    dataType: "HTML" 
}); 

Answer 2

你可以ü se下面

$('#mySelect').empty() 

然後重新綁定新的數據。

Answer 3

在您的AJAX調用回調中，只需清除select元素的內容並重新添加由AJAX調用返回的內容。

function(ajaxResult) { 
    $('#users').html(ajaxResult); 
} 

Answer 4

function(ajaxResult) { 
    $('#users').html(""); //clear old options 
    $('#users').html(ajaxResult); 
}