Bootstrap-3-Typeahead | Typeahead plugin from Twitter 's Bootstrap 2 ready | Plugin library

I have 2 problems in the multi-select function:

i)The first problem, I set the value if clicked the Show Volvo and Opel and Show Volvo and Saav buttons, will follow the value shown in the multi-select box. Now the error is if clicked the Show Volvo and Opel button, it can show the correct values, but if clicked the Show Volvo and Saav button, the value cannot show properly.

ii)The second problem, if I clicked the Show Volvo and Opel, it just can show the checked value in the multi-select box, the value of name cannot show in the multi-select box, for example, I need to show name Volvo, Opel like below this picture:

Below is my sample working coding:

I am facing an issue that I am not able to make a bootstrap multiselect box after appending a new multiselect box in table >> td.

I read the multiple threads on StackOverflow and other communities not I couldn't get a positive answer. I am trying in my code when clicking on PLUS BTN new TR will append with multiselect box. but it not working except one multiselect box.

Please help me to how I fix this code which would be work as my expectation here I am explaing.. where I am doing mistake ?

My code and error screenshot is below:

I'm using Twitter TypeAhead plugin on my project and i would like to modify my script to populate input text correctly. I found similar questions about but unfortunatly i didn't get the correct way to solve this:

1. Dynamically populating Twitter Bootstrap Typeahead
2. populate select box based on the another select box
3. populate select box on selecting another selectbox

Based on description above and for reference, i created a html page that display my doubt: http://testsitex2019.000webhostapp.com/

First, i will show MySql table that call (products) where contains records that are populated into input text:

I have an input text that is correctly populate with Twitter Typeahead. In this case i would like to select a value from select box and populate the input text with values that are related with selected dropdownlist value. I found similar questions about my doubt but unfortunatly i didnt get the correct way to solve this:

1. Dynamically populating Twitter Bootstrap Typeahead
2. Twitter bootstrap Typeahead to populate hrefs
3. jQuery Autocomplete / Twitter Typeahead Populate Multiple Fields

Below is the code that display a select box that is populate with php code and an input text that is populated with Twitter TypeAhead script: