JQuery, JSON and getting the selected value

[Dave Anderson]

Using JQuery, autocomplete, JSON, I am successfully able to get a list of items from a database call.

I am also able to highlight the user's selection with the .change method; however, I cannot figure out how to get the actual value a user selects from the list, and this is where I'd like help.

    $( "#autocomplete" ).autocomplete({
        source: function( request, response ) {
            seqno++
            url = "http://localhost/php/autocomplete.php?term=" + request.term
            $.getJSON(url + '&callback=?', function(data) {
                response(data);
            });
        }
    }).change(function(event, ui) {
        alert("change(). This highlights the selected value only...")
    });

[Bear Bibeault]

It is set as the value of the input element that you instrumented as the autocompleter. You can also grab it during an autocompleteselect event.

[Covered in section 11.4 of jQuery in Action for those with the book.]

[Dave Anderson]

Thank you.

    $( "#autocomplete" ).autocomplete({
        source: function(request, response) {
            url = "http://localhost/php/autocomplete.php?term=" + request.term
            $.getJSON(url + '&callback=?', function(data) {
                response(data);
            });
        },
        select: function (event, ui) {
            alert("Value selected: " + ui.item.value);
        }

    }).change(function(event, ui) {
        alert("change(). This highlights the selected value")
    });