Question

I need a list where when a user types a letter into an above input, the list displays words starting with that letter. Thus, if a user types in “a” into the input, a dropdown ul pops out and displays words from an external php page starting with “a”, maybe “apple” or “artifact”. Additionally, if the user types in “ab”, the page should show all words starting with “ab”.

I know I have to use Jquery ajax somehow to GET the data from the external page (which is just on a simple list) and insert specific data into the other page based upon the letters typed in by the user. How can I do this?

Answer 1

If this is the callback from your ajax call, which is returning an array of words, something like this should work

function ajaxComplete(listOfWords){
    var ul = $("<ul />");
    for(var i = 0; i < listOfWords.length; i++)
        ul.append("<li>" + listOfWords[i] + "</li>");
    $("#someDiv").html(ul);
}