Form option field with collection items

Naama · January 16, 2020, 6:37am

Hello, I have a country codes collection (AL, AM, AS…) which I would like to create a select field for. Is that possible?

Siton_Systems · January 18, 2020, 12:23am

For a list of countries (Veryyyyyyyyyy long) - its easier to put embed code inside the form.

Step 1 - create a form

Step 2 - copy-paste select code inside webflow embed-code element

Search on google for update list (by country of country code).

Example: Option select list of countries and country codes - :

gist.github.com

https://gist.github.com/billmei/9375885

countries.html

<select>
    <option value="AF">Afghanistan</option>
    <option value="AL">Albania</option>
    <option value="DZ">Algeria</option>
    <option value="AS">American Samoa</option>
    <option value="AD">Andorra</option>
    <option value="AO">Angola</option>
    <option value="AI">Anguilla</option>
    <option value="AQ">Antarctica</option>
    <option value="AG">Antigua and Barbuda</option>

This file has been truncated. show original

(You find the “value” under form submission data (setting → forms)).

Step 3

Add “name” (Name = table col heading under form submission data).

placeholder

Naama · January 19, 2020, 7:31am

Thank you @Siton_Systems for the descriptive answer! this is exactly what I did, but I can’t put more then 10000 characters inside the embed component

webdev · January 19, 2020, 10:41am

@Naama - If you remove all the white-space and carriage returns that would be 9555 characters.

https://gist.githubusercontent.com/netdoctor/2c3c1d21bd559fa8af6d511b39335ec0/raw/8b0f4ffa595c07fa95c9bea917ab6a8d3e0e005f/countries-select

Naama · January 19, 2020, 2:01pm

Thanks so much @webdev!

DuncanHamra · April 12, 2023, 1:06pm

Hello I had the same problem and wanted to share my solution with future readers.

I used ChatGPT to whip up a little tool that will generate a native Webflow select input from a comma-separated list. I published the tool and it’s free for anyone to use.

Here’s the link to the tool.

I prefer this solution over custom code, but both are equally valid!