jQuery 台灣郵遞區號外掛
※已發布 twzipcode 1.4.1 版
會想要做這種無聊的外掛,起因是目前手上的案子,原本用了傳統的 DOM 做了一組單一頁面適用一組的 js,之後突然有兩組的需求,前天又變成四組,一氣之下就著手寫了這個 Plugin 來用 XD
下載位置(10KB)
安裝
<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,覺得頗有趣的。
結論:我真的很閒吶!
※已發布 twzipcode 1.4.1 版
會想要做這種無聊的外掛,起因是目前手上的案子,原本用了傳統的 DOM 做了一組單一頁面適用一組的 js,之後突然有兩組的需求,前天又變成四組,一氣之下就著手寫了這個 Plugin 來用 XD
下載位置(10KB)
安裝
<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,覺得頗有趣的。
結論:我真的很閒吶!