基于select填充表

Question

我正在使用此代码根据所选的选项填充表格。如果用户单击选择，此代码可以正常工作，但如果用户使用箭头键则不行。

在这种情况下，不清理表，并按顺序填充json中的数据。因此，表中的输出将与当前选定的选项不匹配。

对此有何想法？

curl 7.37.1 (x86_64-apple-darwin14.0) libcurl/7.37.1 SecureTransport zlib/1.2.5

Answer 1

您可以查看的一个解决方案是中止之前的调用

var xhr;
$('select').on('change', function () {
    if (xhr) {
        xhr.abort();
    }
    $('.agencies_table').html('');
    xhr = $.getJSON("/users/agencies/" + this.value, function (data) {
        $.each(data.json_list, function (i, obj) {
            $('.agencies_table').append('<tr> <td>' + obj.label + '</td> </tr>');
        });
    }).always(function () {
        xhr = undefined;
    });
});