###### tags: `jQuery`
# jQuery-TWzipcode
簡單的地址程式
1. 在JS載入相關的JS檔案

<script src="https://cdn.jsdelivr.net/npm/jquery-twzipcode@1.7.14/jquery.twzipcode.min.js"></script>

2. 在HTML建立DIV

<div class="twzipcode"></div>

3. 在 `<script></script>` 寫入JS屬性

 $('.twzipcode').twzipcode({
            'css': ['county', 'district', 'zipcode'],
            countyName: 'city_name',
            districtName: 'district_name',
            zipcodeName: 'zip_code'

        });

- `css: ['county', 'district', 'zipcode']`：自訂縣市、鄉鎮市區、郵遞區號的class，可自己自訂。
- `countyName: 'city_name'`：自訂縣市 `select` 標籤的 name 值
- `districtName: 'district_name'`：自訂鄉鎮市區 `select` 標籤的 name 值
- `zipcodeName: 'zip_code'`：自訂郵遞區號 `input` 標籤的 name 值

參考：
[jQuery-TWzipcode](https://github.com/essoduke/jQuery-TWzipcode)
[[外掛] jQuery TWzipcode 免資料庫，只需載入外掛模組，立即產生臺灣 3 碼郵遞區號](https://www.minwt.com/webdesign-dev/js/21756.html)
[TWZipCode台灣區碼 CodePen](https://codepen.io/minwt/pen/PoYZyGb)