jQuery-空输入后如何重置值

问题描述

我使用的是jQuery ui autocomplete，对我来说效果很好，但是当我清空字段时，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;
        }
    });
});

解决方法

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

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