Ajax POST 后清除我的列表框答案

【问题标题】：Clear my Listbox after a Ajax POSTAjax POST 后清除我的列表框
【发布时间】：2016-02-25 17:35:52
【问题描述】：

我正在使用 JQuery 和 Ajax 帖子在 ListBox 中显示信息列表。我实际上在另一个 Listbox1 中选择了一个值，单击我的按钮，然后它根据我在 ListBox1 中选择的值显示在另一个 ListBox2 信息中。

但是当我从 Listbox1 中选择另一个值时，我想删除/替换 Listbox2 中的信息。在我的代码中，它不断添加信息。

当我再次单击我的按钮时，我需要清除我的 Listbox2！

这是我的代码：

 $('#btnList').click(function () {
    var list = {
        "ContainerName": $("#listContainer option:selected").val()
    };
    $.ajax({
        type: "POST",
        url: "http://localhost:49416/AzureService.svc/ListBlob",
        data: JSON.stringify(list),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        processData: true,
        success: function (data) {
            $.each(data, function (index, value) {
                $('#listBlob').append($('<option>').text(value).val(index));
            });
        },
        error: function (data) {
            alert("error");
        }
    });
    return false;
});

【问题讨论】：

标签： jquery html ajax post

【解决方案1】：

你可以在添加前.empty()它：

success: function (data) {
    $('#listBlob').empty(); // <---- clear all other prev options added.
    $.each(data, function (index, value) {
        $('#listBlob').append($('<option>').text(value).val(index));
    });
},

【讨论】：

谢谢！完美运行:)