Jquery - 如何在空输入后重置值

Question

我正在使用 jquery ui 自动完成它对我来说效果很好但是当我清空该字段时，ID 仍保留在值中我希望在清空该字段后该值为空

例如：

在空字段之后：

脚本：

    $(document).ready(function(){
    $( "#userName_search" ).autocomplete({
        minLength: 3,
        delay: 500,

        source: function( request, response ) {
            $.ajax({
                url:"{{ route('admin.autocomplete.search') }}",
                type: 'post',
                dataType: "json",
                data: {
                    _token: CSRF_TOKEN,
                    search: request.term
                },

                success: function( data ) {
                    response( data );
                }
            });
        },

        select: function (event, ui) {
            $('#userName_search').val(ui.item.label) // display the selected text
            $('#id').val(ui.item.value).attr('value',ui.item.value);
            return false;
        }
    });
});

Answer 1

在keyup事件中，可以检查元素#userName_search的值，如果为空则可以清除其他元素#id

    $("#userName_search").keyup(function() {    
        if (!this.value) {
          $("#id").val("");
        }
    
    });