郵便番号を住所とフリガナに変換し、都道府県を選択するフォーム
送信フォームで入力した郵便番号から Postal.Lookup クラス を使って住所を検索し、その結果からドロップダウンリストの都道府県を選択します。さらに、都道府県以降の住所とフリガナを入力ボックスに表示します。
<script type="text/javascript">
//<![CDATA[
// run
function run(c) {
var lookup = new Postal.Lookup();
lookup.onload = function() {
if (lookup.response.length >= 1) {
var addr = lookup.response[0];
var a = addr.a.split(' ');
document.f.p.value = a.shift();
document.f.a.value = a.join(' ');
var k = addr.k.split(' ');
k = k.slice(1);
document.f.k.value = k.join(' ');
}
};
lookup.send(c);
}
//]]>
</script>
<form name="f" onsubmit="run(this.c.value); return false;">
<table>
<tr>
<td width="80">郵便番号</td>
<td>
<input type="text" name="c" value="160-0021" size="10" />
<input type="submit" name="g" value="検索" />
</td>
</tr><tr>
<td>都道府県</td>
<td>
<select name="p">
<option value="北海道">北海道</option>
<option value="青森県">青森県</option>
<option value="岩手県">岩手県</option>
<option value="宮城県">宮城県</option>
<option value="秋田県">秋田県</option>
<option value="山形県">山形県</option>
<option value="福島県">福島県</option>
<option value="茨城県">茨城県</option>
<option value="栃木県">栃木県</option>
<option value="群馬県">群馬県</option>
<option value="埼玉県">埼玉県</option>
<option value="千葉県">千葉県</option>
<option value="東京都">東京都</option>
<option value="神奈川県">神奈川県</option>
<option value="新潟県">新潟県</option>
<option value="富山県">富山県</option>
<option value="石川県">石川県</option>
<option value="福井県">福井県</option>
<option value="山梨県">山梨県</option>
<option value="長野県">長野県</option>
<option value="岐阜県">岐阜県</option>
<option value="静岡県">静岡県</option>
<option value="愛知県">愛知県</option>
<option value="三重県">三重県</option>
<option value="滋賀県">滋賀県</option>
<option value="京都府">京都府</option>
<option value="大阪府">大阪府</option>
<option value="兵庫県">兵庫県</option>
<option value="奈良県">奈良県</option>
<option value="和歌山県">和歌山県</option>
<option value="鳥取県">鳥取県</option>
<option value="島根県">島根県</option>
<option value="岡山県">岡山県</option>
<option value="広島県">広島県</option>
<option value="山口県">山口県</option>
<option value="徳島県">徳島県</option>
<option value="香川県">香川県</option>
<option value="愛媛県">愛媛県</option>
<option value="高知県">高知県</option>
<option value="福岡県">福岡県</option>
<option value="佐賀県">佐賀県</option>
<option value="長崎県">長崎県</option>
<option value="熊本県">熊本県</option>
<option value="大分県">大分県</option>
<option value="宮崎県">宮崎県</option>
<option value="鹿児島県">鹿児島県</option>
<option value="沖縄県">沖縄県</option>
</select>
</td>
</tr><tr>
<td>フリガナ</td>
<td><input type="text" name="k" value="" size="60" /></td>
</tr><tr>
<td>住所</td>
<td><input type="text" name="a" value="" size="60" /></td>
<tr>
</table>
</form>
関連情報
- ベーシック
- 送信フォーム
- with jQuery
- Google Maps API
- BLOGRANGER API
