Jquery-ui Autocomplete Submitting Form Onclick Of Item From Dropdown List

I'm using the jQueryUI autocomplete() function and I can't figure out how to have my form submit when an item is selected. I think the issue is with the select: event but I'm new w

Solution 1:

Andrew was correct, see the fiddle he mentioned. If you switch the part with "ui.item" to "ui.item.value" the select: function() now works perfectly.

Solution 2:

Yes it works

Except if you expect to get the value in your server-side script in the page called by action...

For now, no way to find why auto-submit of the form after selection by mouse or by keyboard, and the $(event.target).val(ui.item.value) line, don't deliver the value in $_POST array

Solution 3:

Yeah Alice is also right. You just need to add this line in your onclick function:

 $('#search_form').submit();

where search_form is the id of your form.