JQuery Autocompletar: ¿Enviar formulario en la selección?

Question

Uso de JQuery Autocompletar en un formulario HTML tradicional.

Intentando enviar el formulario (a la antigua usanza) cuando se realiza una selección.

Pero el cuadro de entrada se llena y luego tengo que presionar "volver" una segunda vez o hacer clic en el botón Enviar.

He intentado algunos ejemplos de SO, pero no pude conseguir que funcionen.

¿Cómo se envía el formulario automáticamente cuando se realiza la selección?

Answer 1

ACTUALIZACIÓN: Finalmente me di cuenta de esto, el siguiente código debería hacer el truco. Por algún motivo, la devolución de llamada change no funcionaba, pero las devoluciones de llamada close & select sí. El uso de select es mejor, ya que también se llamará a close si el campo pierde el foco.

$(function() { 
    $("#searchField").autocomplete({ 
     source: "values.json", 
     select: function(event, ui) { 
      $("#searchForm").submit(); } 
    }); 
}); 

Otra actualización: Ok, también hay un problema con el select de devolución de llamada, que es que por defecto (en el código anterior) si se recorre el autocompletar desplegable con el teclado, y seleccione con el ingreso clave, la entrada se cambia antes de enviar el formulario. Sin embargo, si lo selecciona con el mouse, el formulario se envía justo antes de que se modifique la entrada, por lo que el valor enviado es exactamente lo que escribió el usuario (no lo que seleccionó del menú desplegable de autocompletar). El woraround que parece funcionar es:

$("#searchField").autocomplete({ 
    source: "values.json", 
    minLength: 2, 
    select: function(event, ui) { 
     $("#searchField").val(ui.item.label); 
     $("#searchForm").submit(); } 
}); 

Answer 2

$("#searchField").result(function(event, data, formatted) { 
    $(this).closest("form").submit(); 
}); 

la searchField ya contiene el campo seleccionado, por lo que no hay necesidad de hacerlo de nuevo esta función.

documentación oficial: http://docs.jquery.com/Plugins/Autocomplete/result#handler

Answer 3

que no podía comentar sobre la respuesta por @handsofaten por lo que se sumará a su respuesta aquí. Puede tener más sentido usar valor en lugar de etiqueta ya que en algunos casos, en mi caso, la etiqueta no es lo que el usuario querría buscar en la base de datos.

$("#searchField").autocomplete({ 
source: "values.json", 
minLength: 2, 
select: function(event, ui) { 
    $("#searchField").val(ui.item.value); 
    $("#searchForm").submit(); } 
}); 

Answer 4

select: function(event, ui) { 

      if(ui.item){ 

      $(event.target).val(ui.item.value); 

    } 

      $(event.target.form).submit(); 

        }); 

Answer 5

de enviar su campo elegido llamando el botón Enviar ID en este campo, incluso si el código está en otra página también.

document.getElementById('submit').click();