TWzipcode 是一個由台灣人開發的多層次選單，可選城市、地區及郵遞區號，非常的好用，快給台灣人鼓勵鼓勵
台灣郵遞區號插件：https://github.com/essoduke/jQuery-TWzipcode
其實很早就再使用這插件了，但之前用的是舊版本，以前使用方式如下方代碼，會自動生成城市及地區的下拉選單及一個郵遞區號的文字輸入框，這樣使用方式與Bootstrap的表單結構不太相容
<div id="twzipcode"></div>今天看到 v1.7.14 版本，增加了自訂HTML結構的用法，馬上來試試看，以下是HTML的用法：
<div id="twzipcode">
<div data-role="county" data-style="Style Name" data-value="110"></div>
<div data-role="district" data-style="Style Name" data-value="臺北市"></div>
<div data-role="zipcode" data-style="Style Name" data-value="信義區"></div>
</div>果真可以相容於 Bootstrap ，這版本實在太棒了，完全跟 Bootstrap 表單融為一體，感謝作者，以下也分享我的代碼
<form>
<h2>線上預約</h2><span>(*)號為必填項目</span>
<div class="form-row">
<div class="form-group col-md-6">
<input type="text" class="form-control" placeholder="姓名*" required>
</div>
<div class="form-group col-md-6">
<select id="inputState" class="form-control" required>
<option selected hidden value="">性別*</option>
<option value="1">先生</option>
<option value="0">女士</option>
<option value="2">其他</option>
</select>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<input type="tel" class="form-control" placeholder="聯絡電話*" required>
</div>
<div class="form-group col-md-6">
<input type="email" class="form-control" placeholder="電子郵件">
</div>
</div>
<div id="twzipcode" class="form-row">
<div class="form-group col">
<div data-role="county" data-style="form-control" data-name="county" data-value=""></div>
</div>
<div class="form-group col">
<div data-role="district" data-style="form-control" data-name="district" data-value=""></div>
</div>
<div class="form-group col">
<div data-role="zipcode" data-style="form-control" data-name="zipcode" data-value=""></div>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="inputAddress2" placeholder="居住地址">
</div>
</form>