Distpicker is a lightweight jQuery plugin that provides a cascading dropdown selector for regions such as country, state/province, and city, making it easy to build structured address forms without manual data entry. When initialized on a form, Distpicker automatically populates each related <select> element with hierarchical location data and updates them in response to user selections, ensuring users only see relevant regional options. For example, choosing a country filters the state list, and choosing a state filters the city list, reducing errors and improving the user experience on profile or checkout forms. The plugin is customizable in terms of initial values, placeholder text, and which dropdowns to include, and it also supports dynamic updates if you need to reset or reload region data based on custom logic. It’s especially handy for applications that require structured address input across multiple locales without building and maintaining your own region datasets.
Features
- Cascading country/state/city dropdowns
- Automatic population of region data
- Dynamic updates based on user selection
- Customizable initial values and labels
- Easy jQuery integration
- Minimal footprint with no backend requirements