jQuery UI autocomplete combobox in a modal dialog

Question

I want to use a autocomplete combobox http://jqueryui.com/demos/autocomplete/#combobox within a modal dialog. However whenever I click on the down arrow (of the combobox) it causes a refresh that results in my modal window closing.

How do I stop the refresh from occuring? (I am still new to jQuery)

I am using UI 1.8 and jQuery 1.4.1.

In my case it is the autocomplete that closes, not the modal dialog. Will your solution be helpful? — Goran
– Goran, Commented Apr 1, 2010 at 8:43

codeulike · Accepted Answer · 2010-09-25 17:22:56Z

1

The problem is discussed on the jQuery forum here: http://forum.jquery.com/topic/autocomplete-combobox-problem-when-it-is-placed-inside-a-form-tag

They suggest several different ways of adjusting the source code of the autocomplete combo to fix it. The simplest one seems to be this:

Change the line that says

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

to

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

this prevents the type="submit" from being inserted into the final button.

answered Sep 25, 2010 at 17:22

codeulike

23.2k29 gold badges128 silver badges172 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user990479 Over a year ago

I am using jqueryui-1.8.7.js and jquery-1.7.js

Daveo · Accepted Answer · 2010-03-29 03:19:23Z

0

Ok I fixed my own problem by removing the form tag from around the combobox

answered Mar 29, 2010 at 3:19

Daveo

20k10 gold badges50 silver badges73 bronze badges

Collectives™ on Stack Overflow

jQuery UI autocomplete combobox in a modal dialog

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related