tw-city-selector.js

台灣縣市選單

資料參考:中華郵政

郵遞區號表:台灣縣市郵遞區號表

縣市資料最後更新:2017-04-14

如果資料有誤或未及更新,發個 issue 給我吧

擇一使用下列方式

- 透過 Bower

- 透過 Yarn

- 透過 NPM

- 下載檔案

Github
無依賴,直接引入至頁面中 (記得將路徑改為實際檔案路徑)

可使用下列兩種方式加載選單元件:

element 加上 role-attribute (預設用法,自訂性低)

js 實例 (自訂性高)

在適當的地方加入下方 script

設置一個空 element,加入 role-attribute

* 產生的選單組合當中,預設含有一個「隱藏」的郵遞區號欄位

顯示郵遞區號欄位


限制選擇的縣市

例:臺北市、臺中市、高雄市


限制選擇的縣市及區域

例:臺北市(大同區、萬華區)、臺中市(西區)、高雄市(不設限)


預設選擇 (例:新北市及板橋區)


限制部分縣市 & 預設選定


自訂樣式

在 element 加上適合的 class name,即可利用 stylesheet 控制樣式

* 上述樣式設定僅為示意

套用 Bootstrap 的選單 class name

此方式需指定作用的 element 元素

一般加載


指定 select 選單

指定既有的「縣市選單」、「區域選單」及「郵遞區號」做為容器代入,可同時設定或取其一

注意上述元件需在同一個 parent element 中