Tag: zipcode

[更新] jQuery 台灣郵遞區號套件 1.4

2011 年 04 月 27 日

javascript, jquery, twzipcode, zipcode, 郵遞區號

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()) […]

技術文章, 資訊科技, 軟體分享

jQuery Plugin – 台灣郵遞區號 3+2 版本

2010 年 08 月 31 日

essoduke chang

jquery, twzipcode, zipcode, 郵遞區號

自從 3 碼版本釋出後，就有詢問 3+2 版本的可能性，考慮到當時惰性發作所以一直沒有動工，直到這次狠下心來直接改寫才有雛型產生。這個版本主要是使用中華郵政所提供的 XML 並以縣市為單位分成數十個 json，用 Ajax 方式以期效能上不會拖累太多。基本功能如同舊版一樣，也加上了 1.3 之後更新的手動輸入功能，不過 3+2 改為符合的縣市路名單一號碼有多筆記錄對應時，僅列出符合的記錄。目前僅測試於 IE8/ Firefox 3.6 / Google Chrome 5 jQuery Plugin – 台灣郵遞區號 3+2 版本 — 年底縣市合併後勢必會再改版，所以現在是做心酸的 XD

技術文章, 資訊科技, 軟體分享

jQuery 台灣郵遞區號外掛 v1.3

2010 年 08 月 25 日

essoduke chang

jquery, twzipcode, zipcode, 郵遞區號

twzipcode v1.3 加入了輸入郵遞區號取得縣市名稱的功能，以及 zipSel, zipReadonly 兩個選項。下載位址： twzipcode-1.3.js (14 KB)

技術文章, 軟體分享

jQuery 台灣郵遞區號外掛 v1.1 update

2009 年 10 月 29 日

essoduke chang

javascript, jquery, plugin, twzipcode, zipcode, 郵遞區號

這次更新主要是改寫了原有的結構變得更簡潔、效能更好，並修改下列幾項：可不需先建立 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' }); // […]

技術文章, 資訊科技, 軟體分享

jQuery 台灣郵遞區號外掛

2009 年 02 月 13 日

essoduke chang

javascript, jquery, twzipcode, zipcode, 郵遞區號

※已發布 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 […]

技術文章, 資訊科技

台灣三碼郵遞區號 JSON 版

2009 年 01 月 21 日

essoduke chang

javascript, jquery, json, twzipcode, zipcode, 郵遞區號

最近有個案子有做到三碼郵遞區號填寫的部份，而中華郵政網站上提供的只有 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