高精準郵碼Jquery使用範例


您需要先購買VIP專案取得 secret 值,申請試用帳號

三碼郵遞區號地址選單 --預設

<!-- HTML -->
<div id="twaddress"></div>
/* Javascript */
$('#twaddress').twaddress();

三碼郵遞區號地址選單 -- 設置元素的預設值

<!-- HTML -->
<div id="twaddress1"></div>
/* Javascript */
$('#twaddress1').twaddress({
         countySel : '台中市',
         districtSel: '外埔區'
});

三碼郵遞區號地址選單 -- 自訂 input id

<!-- HTML -->
<div class="well">
    <div id="twaddress2"></div>
    地址: <input type="text" name="address" id="address" size="60">
    區號: <input type="text" name="zip" id="zip1" size="3">
</div>
/* Javascript */
$('#twaddress1').twaddress({
         zipcodeName : '#zip1',
         addressName : '#address'
});
地址: 區號:

三碼郵遞區號地址選單 -- 三層分選

<!-- HTML -->
<div id="twaddress3"></div>
/* Javascript */
$('#twaddress3').twaddress({
    level : 3
});

五碼郵遞區號地址選單 -- 詳細地址選填

<!-- HTML -->
<div id="twaddress4"></div>
/* Javascript */
$('#twaddress4').twaddress({
    level : 4
});

五碼郵遞區號地址選單 -- 詳細地址選填及顯示英文地址

<!-- HTML -->
<div id="twaddress5"></div>
/* Javascript */
$('#twaddress5').twaddress({
    level : 4,
    englishAddress : true,
    englishMode :'hanflat'
    // 可設定 漢語拼音 hanflat(預設),  注音二式拼音(zhu2), 通用拼音(genflat)
    // englishMode : 'genflat'
});

五碼郵遞區號地址選單 -- 自訂地址

<!-- HTML -->
<div id="twaddress6"></div>
/* Javascript */
$('#twaddress6').twaddress({
    level : 5,
    englishAddress : true
});

自訂 CSS

<!-- HTML -->
<div id="twaddress7"></div>
/* Javascript */
$('#twaddress7').twaddress({
    level : 4,
    englishAddress : true,
    css: ['bg-success', 'bg-warning', 'bg-primary']
});

配合自己的程式執行

<html>
<head>
    <meta charset="utf-8">
    <title>高精準智能郵碼搜尋系統使用範例</title>
    <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>

    <script src="http://zipko.info/js/jquery.twaddress.js?se=8456231-1/"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#twaddress').twaddress();
        });
    </script>
</head>
<body>
    <form action="" method="post">
    <span id="twaddress"></span>
    <input type="submit" name="submit" value="傳送">
    </form>
<?php if (isset($_POST['submit'])):?>
<pre>
    <?php print_r($_POST); ?>
</pre>
<?php endif ?>
</body>

</html>