how to retrieved selected value from jquery autocomplete.

[sam White]

Hi, with JQuery 1.9.2 and JSP, I created an autocompelte input box.
When I selected a text from the input box, I don't know how to extract the input text and append it to the hidden field.

Here is my the autocomplete jquery scripts:

$('#states').click(function() { var stateVal = $('#states').val(); $.ajax({ type:'post', url:'selected_state/'+stateVal, cache:false, success:function(data){ $( "#suburb" ).autocomplete({ source: data.suburbs }); $('div#suburb-div').toggle(); }, error: function(e){ alert("Error: "+e.massage()); } }); e.preventDefault(); });


jsp code:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> .... <div class="ui-forest-widget" id="suburb-div" > <label for="suburb">Suburb: </label> <input id="suburb" /> </div> <form:hidden path="suburb" />

I've been searched google for 2 days, but I can't anything that suits my case.

Any suggestion and pointers are very appreciated.
Thanks
Sam

[Bear Bibeault]

Please post nicely formatted HTML as sent to the browser. Showing us the server-side markup with JSP custom tags isn't particularly useful for debugging client-side issues.

In other words, we have no idea what " <form:hidden path="suburb" /> " turned into when sent to the browser. That's what we need to see.

[sam White]

Hi, I have resolved this issue. But when I select the item and click on the one on in the list, the selected value didn't get pick up to the input box.

Here is the code with "select" clause:

 success:function(data){
                    $( "#suburbs" ).autocomplete({
                        source: data.suburbs,
                        select: function(event, ui) {
                            $('#suburb').val(ui.item.value);
                            return false;
                        }
                    });
                 },

What need to be corrected in order the selected item get pick up by mouse-click in the list?

Thanks
Sam

[sam White]

Just found out changing false to true in the select clause fixed the issue.
Thanks