郵便番号の住所を検索する
Postal.Lookup クラス を使って、指定した郵便番号の住所を検索し、その結果をリスト表示します。
<script type="text/javascript">
//<![CDATA[
// window.onload
window.onload = function() {
run(document.f.c.value);
}
// run
function run(c) {
var lookup = new Postal.Lookup();
lookup.onload = function() {
var ul = document.getElementById('r');
ul.innerHTML = '';
for (var i=0; i<lookup.response.length; i++) {
var addr = lookup.response[i];
var li = document.createElement('li');
li.appendChild(document.createTextNode(
addr.a + ' (' + addr.k + ')'
));
ul.appendChild(li);
}
};
lookup.send(c);
}
//]]>
</script>
<form name="f" onsubmit="run(this.c.value); return false;">
<input type="text" name="c" value="160-0021" size="20" />
<input type="submit" name="g" value="検索" />
</form>
<ul id="r"></ul>
関連情報
- ベーシック
- 送信フォーム
- with jQuery
- Google Maps API
- BLOGRANGER API