※已發布 twzipcode 1.4.1 版

會想要做這種無聊的外掛,起因是目前手上的案子,原本用了傳統的 DOM 做了一組單一頁面適用一組的 js,之後突然有兩組的需求,前天又變成四組,一氣之下就著手寫了這個 Plugin 來用 XD

下載位置(10KB)

範例: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 type="text" id="zipcode" />
</div>


第一次寫 jQuery Plugin,覺得頗有趣的。
結論:我真的很閒吶!