Cách thay đổi giá trị hộp văn bản trên sự kiện chọn với tự động hoàn thành (Giao diện người dùng jQuery)

Question

Tại sao không #input-myBox rõ ràng khi tôi chọn một mục? Có vẻ như tính năng tự động hoàn tất đang ngăn không cho .val('') của tôi hoạt động để tôi có thể giải quyết vấn đề này như thế nào?

$("#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() dừng tự động hoàn tất thiết lập trường.

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

Answer 2

Có #input-mybox (chữ thường b) hoặc #input-myBox (chữ hoa b)?

Đây có thể là vấn đề của bạn :)

Edit: cướp đánh tôi để nó

Answer 3

Có không phù hợp với mã của bạn:

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

"# đầu vào-mybox" || "# input-mybox" ???

Answer 4

Ngoài ra, bạn có thể sử dụng 'return false;' để ngừng tự động hoàn tất thiết lập trường.

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

Answer 5

Nếu bạn chỉ muốn thay thế các giá trị được lựa chọn cho cái gì khác:

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