jQuery UI autocompletar cuadro combinado - prevenir la forma de presentar

Question

Estoy usando el ingenioso 'combobox' variante de la interfaz de usuario jQuery Autocompletar - ver aquí: http: //jqueryui.com/demos/autocomplete/#combobox

Lo tengo dentro de un elemento de formulario, ya que su parte de un formulario.

El Autocompletar Combobox tiene una <button> que se utiliza para mostrar toda la lista desplegable. Sin embargo, cuando el usuario lo presiona, la forma se somete. Esto parece ser debido a que el <button> tiene un atributo type="submit". El elemento entero es creado por la llamada button() dentro del fn .combobox, ver s ource código .

¿Cómo puedo dejar que presentar?

(NB: Este tipo tenía el mismo problema pero lo arregló mediante la eliminación de la form - no puedo hacer eso)

Answer 1

Ah, no importa, lo he descubierto.

El problema se discute en el foro jQuery aquí: http: // foro .jquery.com / tema / autocompletar-combobox-problema-cuando-it-is-colocado dentro-a-forma-tag

Se sugieren varias maneras diferentes de ajustar el código fuente de la combinación de autocompletar para solucionarlo. La más simple parece ser la siguiente:

Cambiar la línea que dice

$("<button>&nbsp;</button>") 

a

$("<button type=\"button\">&nbsp;</button>")

Esto evita que el type="submit" sea insertado en el botón final.