Skip to content
Categories: , , 

jQuery 台灣郵遞區號外掛

Post date:
Author:
Tags: , , , , 

※已發布 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，覺得頗有趣的。
結論：我真的很閒吶！

讀過幾年書，塵世中的迷途大叔。

Comments