Bind AutoComplete on the basis of another AutoComplete

Question

Hi I have a scenario where i have to bind more than 4 AutoComplete where when i select some value(object) in second AutoComplete it should be auto bind(object) with third Autocomplete in angularJS like yatra.com have implemented for multi-city search. Please do the needful ASAP. thnx in adv :)

Bikesh Srivastava · Answer

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

Pramod Thakur · Answer

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:1Text:Delhi}{Id:2Text:Bangalore}{Id:3Text:Mumbai}{Id:4Text:Chennai}{Id:5Text: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 :)

Bikesh Srivastava · Answer

Hi Here best example to make textbox autocomplete without jquery. https://bikeshsrivastava.blogspot.in/2016/07/part-25how-to-implement-auto-complete.html

Manas Mohapatra · Answer

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/