Bind AutoComplete on the basis of another AutoComplete

Hi Pramod ,

I think your question for cascading data with key value pair.

So for populate cascading data with key value pair visit my other post:-

https://bikeshsrivastava.blogspot.in/2016/06/part-18how-to-implement-cascading.html

thanks for reply @Manas and @Bikesh..

I have done my autocomplete part. My question is not that how to bind autoComplete. My question is how to bind a object which contain a object which is autoComplete1 selected value.

Example i have a city list which contain value like [{"Id":"1","Text":"Delhi"},{"Id":"2","Text":"Bangalore"},{"Id":"3","Text":"Mumbai"},{"Id":"4","Text":"Chennai"},{"Id":"5","Text":"Hyderabad"}]

Suppose i have selected bangalore in autoComplete1 then it should automatically select bangalore in autoComplete2.

One more issue with it like suppose i have written pramod and press tab then autoComplete1 shouldautomatically blank becouse pramod is not in aur json data.

I hope you understood my problem.

tnx in advance :)

Hi,

Here best example to make textbox autocomplete without jquery.

https://bikeshsrivastava.blogspot.in/2016/07/part-25how-to-implement-auto-complete.html

First code for autocomplete for one textbox. Once it shows up the option, on select of item you need to send ajax request to load for other textboxes. Follow below link:

 

http://www.jitendrazaa.com/blog/salesforce/ajax-based-autocomplete-typeahead-directive-in-angularjs/