Очистить поле формы после выбора для jQuery UI Autocomplete

Вместо return false вы также можете использовать event.preventDefault().

select: function(event, ui){
    var newTag = $(this).val();
    $(this).val("");
    $(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>");
    event.preventDefault();
}

В поле select callback требуется false, чтобы очистить поле. но если вы хотите снова управлять полем, то есть установить значение, вам нужно вызвать новую функцию, чтобы выйти из ui.

Возможно, у вас есть быстрое значение, например:

var promptText = "Enter a grocery item here."

Задайте его как элемент val. (по фокусу, который мы установили в '').

$("selector").val(promptText).focus(function() { $(this).val(''); }).autocomplete({
    source: availableTags,
    select: function(){
        $(this).parent().append("<span>" + ui.item.value + "<a href=\"#\">[x]</a> </span>");
     foo.resetter(); // break out //
    return false;  //gives an empty input field // 
    }
});

foo.resetter = function() {
  $("selector").val(promptText);  //returns to original val
}

Это хорошо работает для меня.

После выбора события я использовал изменение события.

 change:function(event){
   $("#selector").val("");  
   return false;
 }

Я новичок!

Я просто решил это, заставив потерять фокус:

$('#select_id').blur();
printResult();

Попробуйте это

select: function (event, ui) {
    $(this).val('');
    return false;       
}