All projects

OPEN SOURCE

thai-address-select

Linked province → district → subdistrict dropdowns for Thailand, built with Vanilla JavaScript.

Vanilla JSThailand dataLinked dropdowns
View package on npm
ROLEPackage Author
FOCUSReusable Thailand address selection
CONTEXTOpen Source · npm Package

OPEN-SOURCE PACKAGE

One connected address flow.

Linked Thai address fields, packaged for reuse in web forms.

npm install thai-address-select
  1. Province
  2. District
  3. Subdistrict

01 / PROJECT BRIEF

The problem and context.

Thai address forms frequently ask people to choose a province, district and subdistrict in sequence. Recreating those linked fields in each project adds repeated implementation work and leaves room for inconsistent form behavior.

thai-address-select packages that dependent selection into a small Vanilla JavaScript utility. It is intentionally focused: developers can add a familiar Thailand address flow to a form without having to rebuild the relationships between the three fields.

02 / MY CONTRIBUTION

What I owned.

  • Designed the linked address-selection flow.
  • Published a reusable Vanilla JavaScript package on npm.
  • Kept the package focused on a common form workflow.

03 / WORKFLOW

How the system moves.

01

Choose a province

The first field establishes the geographic context for the rest of the form.

02

Narrow the district options

The district selection follows the province choice, keeping the next options relevant.

03

Complete the subdistrict

The final linked field completes a usable Thailand address selection path.

04 / DELIVERED

Concrete outputs.

Published npm package
Linked province, district and subdistrict fields
Vanilla JavaScript integration path

OUTCOME

A focused open-source utility that makes Thailand address selection easier to add to web forms and faster to reuse across projects.