說明
資料參考:中華郵政
郵遞區號表:台灣縣市郵遞區號表
縣市資料最後更新:2017-04-14
如果資料有誤或未及更新,發個 issue 給我吧
安裝
擇一使用下列方式
- 透過 Bower
- 透過 Yarn
- 透過 NPM
- 下載檔案
引入
無依賴,直接引入至頁面中 (記得將路徑改為實際檔案路徑)
選擇適合的選單元件加載方式
可使用下列兩種方式加載選單元件:
element 加上 role-attribute (預設用法,自訂性低)
js 實例 (自訂性高)
element 加上 role-attribute 方式
[ 配置簡單 ]
在適當的地方加入下方 script
設置一個空 element,加入 role-attribute
* 產生的選單組合當中,預設含有一個「隱藏」的郵遞區號欄位
顯示郵遞區號欄位
限制選擇的縣市
例:臺北市、臺中市、高雄市
限制選擇的縣市及區域
例:臺北市(大同區、萬華區)、臺中市(西區)、高雄市(不設限)
預設選擇 (例:新北市及板橋區)
限制部分縣市 & 預設選定
自訂樣式
在 element 加上適合的 class name,即可利用 stylesheet 控制樣式
* 上述樣式設定僅為示意
套用 Bootstrap 的選單 class name
js 實例方式加載
[ 靈活配置 DOM ]
此方式需指定作用的 element 元素
一般加載
指定 select 選單
指定既有的「縣市選單」、「區域選單」及「郵遞區號」做為容器代入,可同時設定或取其一
注意上述元件需在同一個 parent element 中