Parent-child Dependent Dropdowns

Filament 4/5

This project showcases a Filament Select component that dynamically updates city options based on country selection in a shop registration form.

Get the Source Code:

One-time payment

Full source code for Parent-child Dependent Dropdowns

Downloadable ZIP file with the source code

Lifetime access to this example

Best value — all 169 examples

$99 /year

$199 lifetime

Access to code of all 169 examples

Future new examples and updates included

FilaCheck Pro package licence included

MCP server included

30-day money-back guarantee

For the first select, we generate options from the DB. The first select field must be set to live().

The second select input makes a DB request after selecting the value in the first select.

Based on the first select, we set a placeholder for the second select input.

Here is what these two select inputs look like:

The FULL tutorial is available after the purchase: in the Readme file of the official repository you would get invited to.