Chained Select field for Elementor Forms is a feature in Elementor Forms where the options in one dropdown field change dynamically based on the user’s selection in a previous field.

This creates a series of interdependent select fields, helping simplify the selection process by only showing relevant options. A common example is selecting a country, then a state/province, then a district, or choosing a car brand, then the model, then the production year.

How It Works

• • Dependent fields: Each select field is linked to the previous one. When the user chooses an option, the next field is automatically filtered to show only matching values.

  • Multiple Data Sources Supported:

    • CSV File: Load options from a CSV file using rows and columns to define relationships.

    • Database: Fetch options dynamically from your database (e.g., MySQL) using custom queries.

    • Manual Input: Manually enter your hierarchy (e.g., Brand → Model → Year) directly in the settings.

    • Google Sheets: Pull live data from Google Sheets to generate dynamic options.

Use Cases

• Filtering complex datasets: Helps users navigate large datasets without being overwhelmed.

• Real-world examples:

  • Country → State/Province → District

  • Car Brand (Toyota, Honda) → Model (Camry, CR-V) → Production Year

  • Department → Employee

  • Topic → Subtopic

Benefits

• Improved user experience: Users can complete forms faster and more efficiently.

• Higher performance: Reduces irrelevant options, allowing users to focus only on what’s necessary.

• Flexible: A versatile tool suitable for many types of forms and applications.

This add-on is also available in the Elementor Forms Add-on Bundle – Save up to 90%

Related plugins

Range Slider for Elementor Forms Pro

A range slider is a type of input field that allows users to select a value within a specified range by sliding a handle or marker along a visual slider track.

Telephone field for Elementor Forms Pro

Users can enter and authenticate phone numbers in the accurate format corresponding to their country or region, thereby enhancing both data precision and user interaction within your WordPress forms.

Signature field for Elementor Forms Pro

The Digital Signature add-on allows you to add a digital signature field to your contact forms, enabling users to sign forms electronically.

Input Masks for Elementor Forms Pro

Input Masks for Elementor Forms is an add-on plugin for Elementor Forms that enables you to apply input masks to form fields. Input masks guide users to enter data in the correct format, such as phone numbers, postal codes, credit card numbers, or other specific types of information. With an input mask, placeholder characters appear […]