php - 当输入为空或有 < 2 个字符时不显示结果

Question

我正在使用这个 js 从 php 文件中获取结果并输出它们，这发生在 keyup 上。一切都运行良好，但问题是当我输入某些内容时，最后的结果不会被擦除。如果输入为空或仅键入一个字符，如何使脚本擦除结果？

$('#username-search').keyup(function() {
    if (this.value.length < 2) return;
    var usersearch = $(this).val();

    $.post("autocomplete_user.php", {
        results: usersearch,
    },

    function(data) {
        $('#data').html(data)
    });
});

Answer 1

将您的 if 语句更新为以下内容：

if (this.value.length < 2) {($('#data').html() != "" ? $('#data').html("") : return true)}

这样做的目的是，如果输入低于 2，它会检查 ID 为 DATA 的 DOM 元素中是否有任何内容，如果有，则删除数据，如果没有，则返回。

Answer 2

您可以使用JQueryUI 自动完成来做到这一点

另请参阅https://stackoverflow.com/questions/188442/whats-a-good-ajax-autocomplete-plugin-for-jquery