Multiselect Dropdown Self-Refresh Based on User Input

[robert16]

Evening folks,

I am adding a feature to my app that allows a user to select multiple cities. To do so, I would like to refresh the data source on a Multiselect Dropdown as the user types (to show cities using the Google Maps API). My understanding is that this object type doesn’t recognize a value change until something from the list is selected.

I implemented an alternative solution using a RepeatingGroup as recommended in the post below, but using this method I have had to use another object to store the values, and I have found no simple way to exclude items that have already been chosen from the list.

Has anyone else found an elegant, UX-friendly solution to this? Thanks in advance for any advice!

RepeatingGroup and Input text field workaround:

Show List of Cities based on Country

Ok so this is actually way easier than I thought [Google-Places-API-Cities] All I have done is configure the Google Places API and then on the page itself put an input box and a repeating group. The repeating group uses the API as a data source and feeds in whatever is in the input as a parameter, so of course, whenever you change what’s in the input box it’ll automatically trigger the API to fetch new results API Here is the GET request: https://maps.googl…

Multiselect Dropdown plugin link:

Multiselect Dropdown

Current Multidropdown configuration:

Using a secondary input field does successfully update the Multidropdown’s list, but again I am hoping to find some way to get the Multidropdown to update itself:

[husam.hamdy]

In the workflow, there are two options for multiple dropdown. Multi dropdown value, and multi dropdown typed text.
And in the multiple dropdown element itself you need to enable ( allow values not in the list) .
Then you set the repeating group source to be empty and in conditional states you give it two scenarios.

1. When multi dropdown value is not empty.
   Data Source: do search for cities > city name = dropdown value.

2. When multi dropdown typed text is not empty.
   Data source: do search for cities > city (is in) or contains dropdown’s typed text.

[robert16]

@husam.hamdy Thank you so much for this reply! Unfortunately I have not been able to figure out how to access Multidropdown Value vs Typed Text. Maybe the screenshot below from my workflow will help clarify.

Below are the available states shown in the Conditional tab. The issue with “value” is that it is an array and does not refer to what is being typed. I don’t see an option for typed vs value here either.

Lastly I do not see a toggle for “allow values not in list”…

Any further insight on this is greatly appreciated. Thanks again for looking at it!

[husam.hamdy]

Oh that’s weird. I will be on my laptop later today and will give u a screenshot of mine.

[georgecollier]

@robert16

I have found no simple way to exclude items that have already been chosen from the list.

Make your data source Autocomplete’s predictions:minus list (your RG’s
autocomplete predictions)

[husam.hamdy]

Oh I do apologize.
I have checked on mine and the while time I was talking about a search plugin.
Am really sorry I confused it with multiple dropdown.

[robert16]

No worries, thanks for looking into it!

[robert16]

Thank you for this!