How to populate a multi select dropdown dynamically from code function (Cascading Forms)

[devvkanth]

Hi everyone,

I’m working on a cascading form in n8n and have run into a blocker. Here’s the setup:

• Step 1: Collects basic user info (first name, last name, email).

• Step 2: Pulls data from a Google Sheet that contains U.S. census data.

• I use a Code node to extract unique state values from the sheet. This part works fine — I get an array of 52 state names.

The issue is in the form that comes next. I want to display multiple dropdown fields, each allowing multi-select, and dynamically populate them using the values from my Code node (i.e., the 52 states).

However, when I try to assign the dynamic values to a multi-select dropdown, only the first item from the array appears as an option.

Is there a way to bypass manually entering all 52 states into each dropdown and instead have them injected programmatically from the Code node output? Ideally, I’d like to avoid hardcoding any values.

Would appreciate any pointers or examples on how to structure this or if it’s even supported in the current n8n forms!

Thanks!

Information on your n8n setup

1. n8n version: 1.104.2

2. Database: Google Sheets (used as data source; n8n internal DB likely default SQLite)

3. n8n EXECUTIONS_PROCESS setting: Default (own)

4. Running n8n via: Local (npm)

5. Operating system: macOS Sequoia