重新填充下拉列表选项，如何清除选项列表然后重新填充？

重新填充下拉列表选项，如何清除选项列表然后重新填充？

当事件触发时，我需要清除下拉列表#users的当前内容，然后通过ajax重新填充它。

我的ajax调用返回HTML的选项，如：

text1 text2 text3 

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

你可以使用下面的

 $('#mySelect').empty() 

然后重新绑定新数据。

Answer 3

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

Answer 4

在AJAX调用的回调中，只需清除select元素的内容并重新添加AJAX调用返回的内容。

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