Как изменить значение текстового поля для события select с автозаполнением (пользовательский интерфейс jQuery)

Question

Почему #input-myBox не сбрасывается при выборе элемента? Кажется, автозаполнение мешает моей .val('') работать, так как я могу обойти это?

$("#input-myBox").autocomplete({
    source: response,
    minLength: 1,
    select: function(event, ui) {
                var selectedObj = ui.item;
                $("#input-myBox").appendTo(".foo");
                $("#input-myBox").val('');  
    }
});

Answer 1

event.preventDefault() останавливает автозаполнение при настройке поля.

select: function (event, ui) {
  event.preventDefault();
  var selectedObj = ui.item;
  $("#input-myBox").appendTo(".foo");
  $("#input-myBox").val('');  
}

Answer 2

Также вы можете использовать 'return false;' чтобы остановить автозаполнение настройки поля.

select: function (event, ui) { 
    var selectedObj = ui.item;        
    $("#input-myBox").appendTo(".foo");
    $("#input-myBox").val('');  
    return false;
}

Answer 3

Если вы просто хотите заменить выбранное значение чем-то другим:

select: function( event, ui ) {
  ui.item.value = substituteWord(ui.item.value);
}

Answer 4

Это #input-mybox (строчная буква b) или #input-myBox (прописная буква b)?

В этом может быть ваша проблема:)

Редактировать: ограбить меня до этого

Answer 5

Не соответствует вашему коду:

$("#input-mybox").appendTo(".foo");
$("#input-myBox").val('');  

"# input-myBox" || "# input-mybox" ???