Parent-child Dependent Dropdowns

Filament 4

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

tpMnLY2zbZppktgmXcUx9wVdl65soU-metaMDI2LXBhcmVudC1jaGlsZC1kZXBlbmRlbnQtZHJvcGRvd25zLnBuZw==-

Get the Source Code:

All 113 Premium Examples for $99

How it works

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.
Get the Source Code: All 113 Premium Examples for $99