jquery - 如何使用自动完成功能更改选择事件上的文本框值(jQuery UI)

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