Cómo cambiar el valor del cuadro de texto en seleccionar evento con autocompletar (jQuery UI)

Question

¿Por qué no se borrará #input-myBox cuando selecciono un elemento? Parece que la función autocompletar impide que funcione mi .val(''), así que ¿cómo puedo solucionar esto?

$("#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() deja de autocompletar para configurar el campo.

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

Answer 2

¿Es #input-mybox (b minúscula) o #input-myBox (b mayúscula)?

Esto podría ser su problema :)

Editar: Rob me adelantó

Answer 3

No es incompatible con el código:

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

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

Answer 4

Además, puede usar 'return false;' para detener la autocompleta configurando el campo.

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

Answer 5

Si lo que desea es sustituir el valor seleccionado para otra cosa:

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