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

Почему я не могу удалить #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('');  
    }
});

Ответ 1

event.preventDefault() останавливает автозаполнение, задавая поле.

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

Ответ 2

Кроме того, вы можете использовать 'return false;' для остановки установки автозаполнения поля.

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

Ответ 3

Это #input-mybox (нижний регистр b) или #input-mybox (верхний регистр b)?

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

Изменить: rob избили меня до него

Ответ 4

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

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

Ответ 5

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

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

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