Parent-child Dependent Dropdowns

Filament 3

This project demonstrates the Filament Select field with the ability to refresh the options based on the value of another dropdown option.

The example is with countries and cities: in a form to add a new shop, when you choose a country, the list of cities is refreshed.

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 168 examples

$99 /year

$199 lifetime

Access to code of all 168 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.