文書更新：2017年09月13日(水) 午後2時12分51秒

Home > その他 > 郵便番号 > JavaScript の利用 > ajaxzip3 を使用( 176 )

Head部

<head>
	<script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>
</head>

郵便番号から住所を検索

  1. 1ボックスで郵便番号7桁を入力させる場合（都道府県と以降の住所を分ける場合）
    2. 郵便番号:※ハイフォンなしで入力してください
    都道府県:
    住所:
    <!--上記のコードです-->
<form>
	<table>
		<tr><th>郵便番号:</th><td><input type="text" name="zip01" size="7" maxlength="7" onKeyUp="AjaxZip3.zip2addr(this,'','pref01','addr01');">※ハイフォンなしで入力してください</td></tr>
		<tr><th>都道府県:</th><td><input type="text" name="pref01" size="10"></td></tr>
		<tr><th style="text-align:right">住所:</th><td><input type="text" name="addr01" size="50"></td></tr>
	</table>
</form>

  2. 1ボックスで郵便番号7桁を入力させる場合（都道府県と以降の住所を分けない場合）
    3. 郵便番号:※ハイフォンなしで入力してください
    住所:
    <!--上記のコードです-->
<form>
	<table>
		<tr><th>郵便番号:</th>
		<td><input type="text" name="zip11" size="7" maxlength="7" onKeyUp="AjaxZip3.zip2addr(this,'','addr11','addr11');">※ハイフォンなしで入力してください</td></tr>
		<tr><th>住所:</th>
		<td><input type="text" name="addr11" size="60"></td></tr>
	</table>
</form>

  3. 2ボックスで郵便番号を3桁-4桁形式で入力させる場合
    4. 郵便番号: －
    都道府県:
    市区町村:
    番地/ビル名:
    <!--上記のコードです-->
<form>
	<table>
		<tr><th>郵便番号:</th>
		<td><input type="text" name="zip21" size="3" maxlength="3"> － <input type="text" name="zip22" size="4" maxlength="4" onKeyUp="AjaxZip3.zip2addr('zip21','zip22','pref21','addr21','strt21');"></td></tr>
		<tr><th>都道府県:</th><td><input type="text" name="pref21" size="10"></td></tr>
		<tr><th>市区町村:</th><td><input type="text" name="addr21" size="40"></td></tr>
		<tr><th>番地/ビル名:</th><td><input type="text" name="strt21" size="30"></td></tr>
	</table>
</form>