Question

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

但是当我从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;
});

Answer 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));
    });
},

在Ajax POST之后清除我的列表框

1 个答案: