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("");
        }
    
    });

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

Jquery - how to reset value after empty input

autocomplete