住所の単語から郵便番号を検索してその住所を表示する

ホーム > Postal Search Ajax API サンプル > with jQuery

jQuery coder プラグインを使って、指定した住所の単語から郵便番号を検索し、その結果をリスト表示します。さらに jQuery lookup プラグインを使って、その郵便番号から住所を検索し、その結果を表示します。

<script type="text/javascript">
//<![CDATA[
jQuery(function($) {
  jQuery(document.f)
    .submit(function() {
      var limit = this.l.value;

      jQuery('#r')
        .empty()
        .coder(this.a.value, function(response) {

          jQuery.each(response, function(i) {
            if (i >= limit)
              return false;

            jQuery('<li>')
              .addClass('indicator')
              .text(this.c)
              .appendTo('#r')
              .lookup(this.c, function(response) {
                var addr = response[0];

                jQuery(this)
                  .removeClass('indicator')
                  .text(addr.c + ' ' + addr.a);
              });
          });
        });

      return false;
    });
});
//]]>
</script>

<form name="f">
<input type="text" name="a" value="横浜" />
<select name="l">
<option value="1">1件</option>
<option value="2">2件</option>
<option value="3" selected="selected">3件</option>
<option value="4">4件</option>
<option value="5">5件</option>
<option value="6">6件</option>
<option value="7">7件</option>
<option value="8">8件</option>
<option value="9">9件</option>
<option value="10">10件</option>
</select>
<input type="submit" name="g" value="検索" />
</form>

<ul id="r"></ul>

住所の単語から郵便番号を検索してその住所を表示する

関連情報