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

Question

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

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

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

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

Answer 1

您可以使用以下

$('#mySelect').empty()

然后重新绑定新数据。

Answer 2

您只需使用从ajax调用返回的数据更改html元素的select

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

所以它看起来像这样：

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

Answer 3

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

Answer 4

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

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