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