jQuery UI autocompletar cuadro combinado en un diálogo modal

Question

Quiero utilizar un cuadro combinado de autocompletar http://jqueryui.com/demos/autocomplete/# cuadro combinado dentro de un cuadro de diálogo modal. Sin embargo cada vez que haga clic en la flecha hacia abajo (de la lista desplegable) que causa una actualización que resulte en mi cierre de la ventana modal.

¿Cómo se detiene la actualización de ocurriendo? (Soy todavía nuevo en jQuery)

Estoy utilizando la interfaz de usuario jQuery 1.8 y 1.4.1.

Answer 1

Ok me fijo mi propio problema mediante la eliminación de la etiqueta del formulario de todo el cuadro combinado

Answer 2

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.