javascript - 仅当在文本框中输入文本时才显示 X 按钮

Question

我正在使用可用的插件 here通过单击 X 按钮删除文本框中的文本。如何修改代码，以便只有在文本框中输入文本时才会显示 X 按钮？我尝试在 JavaScript 代码中设置返回值的条件:if ($('#search').val().length != 0) 但它确实有效。这是我试过的代码:

$(document).ready(function(){
    if ($('#search').val().length != 0){
        $('#search').clearable();
        $('.divclearable').show();
    }
    else{
        $('.divclearable').hide();
    }
});

如有任何帮助，我们将不胜感激。

Answer 1

添加一个 keyup 监听器 -

$(function () {
    $("#search").on("keyup", function() {
        if ($('#search').val().length != 0){
            $('#search').clearable();
            $('.divclearable').show();
        }
        else{
            $('.divclearable').hide();
        }
    });
});