雖然這個 plugin 似乎沒什麼需求，畢竟可以查詢的資源太多，不過還是口嫌體正直地試著實做了。 實做難度在於把資料正規化，以及為了異步讀取必須把資料檔縮小，這部份對照之前的 1.0 版倒是足足縮減成 1/6。 正規化方面最麻煩，雖然測試過幾個地址都正確無誤，但是我對於查詢結果實在是沒什麼信心 XD（希望有人能提點一下查詢網站怎麼做的） 最後就是希望操作流程能更方便，因此捨棄之前很蠢的地址下拉方式，改為直接讓使用者輸入地址（惟縣市和鄉鎮市區暫時採用清單）會更為直觀。 這個 beta 用到的所有檔案都能夠下載，若發現有任何錯誤或能改進的地方，請務必鞭策！
jQuery 台灣郵遞區號套件更新至 1.4： 修改原始碼以符合 jslint.com 驗證 修改參數名稱 areaName => districtName, zipName => zipcodeName, areaSel => districtSel, zipSel => zipcodeSel, zipReadonly => readonly 修正當指定元素名稱時，若名稱內包含 [] 會發生錯誤的情形。 加入 destroy, reset, serialize 等方法 更新 Creative Commons License 至 3.0 $(function(){ $('#zipcode-1').twzipcode(); $('#zipcode-2').twzipcode({ zipcodeSel: 830, readonly: false }); $('button').click(function(){ var result = $('#' + $(this).val()).twzipcode($(this).text()); if ('serialize' === $(this).text()) […]
自從 3 碼版本釋出後，就有詢問 3+2 版本的可能性，考慮到當時惰性發作所以一直沒有動工，直到這次狠下心來直接改寫才有雛型產生。 這個版本主要是使用中華郵政所提供的 XML 並以縣市為單位分成數十個 json，用 Ajax 方式以期效能上不會拖累太多。 基本功能如同舊版一樣，也加上了 1.3 之後更新的手動輸入功能，不過 3+2 改為符合的縣市路名單一號碼有多筆記錄對應時，僅列出符合的記錄。 目前僅測試於 IE8/ Firefox 3.6 / Google Chrome 5 jQuery Plugin – 台灣郵遞區號 3+2 版本 — 年底縣市合併後勢必會再改版，所以現在是做心酸的 XD
twzipcode v1.3 加入了輸入郵遞區號取得縣市名稱的功能，以及 zipSel, zipReadonly 兩個選項。 下載位址： twzipcode-1.3.js (14 KB)
台灣郵遞區號外掛 / Taiwan Zip Code Plugin of jQuery 這個版本修正了在 IE6 下，鄉鎮市區清單只會出現一個的問題： 也順便把清單過長的現象給解決了 ※ 感謝 呆呆怡 和 Kenneth 的回報
這次更新主要是改寫了原有的結構變得更簡潔、效能更好，並修改下列幾項： 可不需先建立 HTML 表單，由程式直接產生並直接指定表單元件名稱。 加入 Css 的支援 參數說明 countyName: 指定縣市下拉清單名稱 (String) /* 若不指定則預設名稱為 zip_county[] */ areaName: 指定鄉鎮市區下拉清單名稱 (String) /* 若不指定則預設名稱為 zip_area[] */ zipName: 指定郵遞區號輸入框名稱 (String) /* 若不指定則預設名稱為 zip_code[] */ countySel: 縣市預設值 (String) areaSel: 鄉鎮市區預設值 (String) css: [‘County ClassName’, ‘Area ClassName’, ‘Zip ClassName’] (Array) 自訂元件名稱範例 // Javascript $('#container').twzipcode({ countyName: 'county', areaName: 'area', zipName: 'zip' }); // […]
※已發布 twzipcode 1.4.1 版 會想要做這種無聊的外掛，起因是目前手上的案子，原本用了傳統的 DOM 做了一組單一頁面適用一組的 js，之後突然有兩組的需求，前天又變成四組，一氣之下就著手寫了這個 Plugin 來用 XD 下載位置（10KB） Badongo XUN6 範例：jQuery 台灣郵遞區號外掛 安裝 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="twzipcode.min.js"></script> 用法： javascript $('#container').twzipcode({ county: 'county', //縣市清單 ID area: 'area', //鄉鎮市區清單 ID zipcode: 'zipcode', //郵遞區號輸入框 ID countySel: '高雄縣', //縣市預設值 areaSel: '那瑪夏鄉' //鄉鎮市區預設值 }); HTML <div id="container"> <select id="county"><option value="">縣市</option></select> <select id="area"><option value="">鄉鎮市區</option></select> <input […]
最近有個案子有做到三碼郵遞區號填寫的部份，而中華郵政網站上提供的只有 Word, Excel 和 TXT 格式，索性就自己造檔，轉成 JSON 格式可讀性比較高、維護也方便，而且許多伺服端語言都有 JSON Library 可以使用。 zipcode.js 可以使用下列方法來個別取出： //縣市 for (var county in zipcode) { ... } //鄉鎮市區 for (var area in zipcode[county] { ... } 範例應用： 那怎麼應用在 3+2 格式？最後兩碼讓訪客自己填就好了啊…XD — 本來是想寫成 jQuery 的 Plugin，不過好像沒必要 :p