Cascading Selects

Select a country to load its cities dynamically.

Uses hx-get with hx-trigger="change" to load dependent options.

Select Location

Result

Select a country and city, then submit.

How it works

Country select has hx-trigger="change"
When country changes, htmx fetches cities for that country
City select gets replaced with new options
Form submission also uses htmx for seamless experience