Search jQuery

jQuery Forum

Using jQuery UI

lorenzor

Autocomplete question

Answered

Need more info
Working on it
Answered

in Using jQuery UI • 11 years ago

I have two inputs, A and B, where I want to use autocomplete.
A is a normal autocomplete but I want B's autocomplete to depend on input A when it makes the query to the database for the candidate words.

For example, I want to search for matches between two teams. When I write into input A, the autocomplete shows all the teams. When I write into input B, I want autocomplete to show only the teams that played a match against the team written in A.

Is that possible?

Replies(3)

fontzter

Re: Autocomplete question

10 years ago

On the select event (using the select option) of A add code to change the source option of B so that the A value is passed as a query string parameter, then have your server-side code use that parameter.

$("#teamsB").autocomplete({source: "getTeams" });
$("#teamsA").autocomplete({
source: "getTeams",
select: function(event, ui){
$("#teamsB").autocomplete("option","source", "getTeams?competitor=" + ui.item.value);
}
});

Then your server-side code for the getTeams would do something like this...

See if the competitor parameter was passed and see if it has a value

If so, filter the list of teams by this competitor and by the autocomplete term

Else just filter by the term

Hth,

Dave

P.S. jQuery code was just typed in this forum and not tested or checked for syntax errors.

lorenzor