Form with Dynamic Dropdown Field — n8n Workflow

Medium complexity Trigger9 nodes🏷️ Miscellaneous👁 5,088 viewsby Obsidi8n

Overview

This workflow creates a customizable form with a dynamic dropdown field that automatically updates its options from an external data source.

How it works

The workflow polls an external data source (Google Sheets in this example) at regular intervals New values are processed and formatted for the dropdown The form automatically updates with the new dropdown options

Set up steps

Configure your data source:

Default setup uses Google Sheets replace with credentials for your sheet set up the

Nodes used

Google SheetsCode

Workflow Preview

Form setup
- Customize your form fields.
- The dropdown field will auto-update with values from
- Other form fields can be added as needed (limited to
- Co
Data source setup
- Connect to your Google Sheet containing dropdown valu
- Node can be replaced with any other data source (API,
- Set timing trigger
Data formatting
- Extracts needed data from source
- Renames field to 'value' (do not change this name)
Nested properties
- Transforms the data to the desired format
Get Workflow
- Gets the current workflow data
Add Dropdown Values
- Replaces the nested parameters of the Dropdown Form F
Update Form
- Replaces the current workflow’s JSON with the updated
N
n8n | get wf
N
n8n | update
O
On form submission
G
Google Sheets Trigger
E
Execute Workflow
Write JSON
R
Replace values
Get all values
F
Format to 'values'
9 nodes7 edges

How it Works

  1. 1

    Trigger

    The workflow starts with a trigger trigger.

  2. 2

    Process

    Data flows through 9 nodes, connecting code, executeworkflow, formtrigger.

  3. 3

    Output

    The workflow completes its automation and delivers the result to the configured destination.

Node Details (9)

GO

Google Sheets

googleSheets

#1
CO

Code

code

#2

How to Import This Workflow

  1. 1Click Download JSON button on the right to save the workflow file.
  2. 2Open your n8n instance. Go to Workflows → New → Import from file.
  3. 3Select the downloaded form-with-dynamic-dropdown-field file and click Import.
  4. 4Set up credentials for each service node (API keys, OAuth, etc.).
  5. 5Click Test Workflow to verify everything works, then activate it.

Or paste directly in n8n → Import from JSON:

{ "name": "Form with Dynamic Dropdown Field", "nodes": [...], ...}

Integrations

codeexecuteworkflowformtriggergooglesheetsgooglesheetstriggern8nset

Get This Workflow

Download and import in one click

Download JSONView on n8n.io
Nodes9
Complexitymedium
Triggertrigger
Views5,088

Created by

Obsidi8n

Obsidi8n

@derruttie

Tags

codeexecuteworkflowformtriggergooglesheetsgooglesheetstriggern8nset

New to n8n?

n8n is a free, open-source workflow automation tool. Self-host it or use the cloud version.

Get n8n Free →

Related Miscellaneous Workflows