Skip to main content
All CollectionsFeatures
Autocomplete Field
Autocomplete Field
Giancarlo Massaro avatar
Written by Giancarlo Massaro
Updated over 7 months ago

The Autocomplete field allows you to input options that are searchable as a user types into the field. The field will automatically narrow the search down based on the options you have input, and the user can select an option that is returned.

<a href="https://cdn.elev.io/file/uploads/NGPhhY4gCWUeC_gWLbU-FKQnR_YDhuujRWBGtiu0wA0/Kmng4KnDuoaqcAJdFtstbwxGQdPfRNuTo8HNt1sEG6k/autocomplete-bPU.gif" rel="nofollow noopener noreferrer" target="_blank">https://cdn.elev.io/file/uploads/NGPhhY4gCWUeC_gWLbU-FKQnR_YDhuujRWBGtiu0wA0/Kmng4KnDuoaqcAJdFtstbwxGQdPfRNuTo8HNt1sEG6k/autocomplete-bPU.gif</a>

Setup

Go to Edit > Pre-Entry: Forms > +Add Field.

Scroll to Custom Fields > Autocomplete.

<a href="https://cdn.elev.io/file/uploads/NGPhhY4gCWUeC_gWLbU-FKQnR_YDhuujRWBGtiu0wA0/tpDucgjRCDt_0Rwrp13nnJh87jtw6z3NCc5fzUc61c0/Screen" rel="nofollow noopener noreferrer" target="_blank">https://cdn.elev.io/file/uploads/NGPhhY4gCWUeC_gWLbU-FKQnR_YDhuujRWBGtiu0wA0/tpDucgjRCDt_0Rwrp13nnJh87jtw6z3NCc5fzUc61c0/Screen</a> Shot 2018-06-04 at 10.46.30 AM-FHQ.png


Simply input a field label, a placeholder, and then list all of your field options, 1 per line.

If you would like users to be able to select "other" while searching, you can enable this option as well, which will allow them to type in their own answer.

Pass Field Values

Sometimes you may need to pass a value through with the option a users selects from the autocomplete field.

For example, let's say you have a list of all the countries in the world, and each country has a specific country ID. When a user searches for a country, you just want the country name to appear in their search, you do not want the country ID appearing. However, in the data export, you need to see both the country name and country ID.
โ€‹
To pass through a value with each option, simply add the value before the option, separated with a comma.

<a href="https://cdn.elev.io/file/uploads/NGPhhY4gCWUeC_gWLbU-FKQnR_YDhuujRWBGtiu0wA0/Ihyuv8-s5niYdFJnRPbj7O9B2dAQlZJyiQzjoVMRZko/Screen" rel="nofollow noopener noreferrer" target="_blank">https://cdn.elev.io/file/uploads/NGPhhY4gCWUeC_gWLbU-FKQnR_YDhuujRWBGtiu0wA0/Ihyuv8-s5niYdFJnRPbj7O9B2dAQlZJyiQzjoVMRZko/Screen</a> Shot 2018-06-04 at 11.04.06 AM-lds.png

The user will see just the country name when searching, however, in the data export we provide, we'll show both the option, and the value.

<a href="https://cdn.elev.io/file/uploads/NGPhhY4gCWUeC_gWLbU-FKQnR_YDhuujRWBGtiu0wA0/gVUpnJqns3vWu8Ox4v97L_m4lRPfcljpje9vgaosJcQ/Screen" rel="nofollow noopener noreferrer" target="_blank">https://cdn.elev.io/file/uploads/NGPhhY4gCWUeC_gWLbU-FKQnR_YDhuujRWBGtiu0wA0/gVUpnJqns3vWu8Ox4v97L_m4lRPfcljpje9vgaosJcQ/Screen</a> Shot 2018-06-04 at 11.03.19 AM-LJA.png

We're here to help

If you have any further questions, please start a Chat. Just "Click" on the chat icon in the lower right corner to talk with our support team.

Did this answer your question?