せかにゃ〜

■[jQuery] 住所から郵便番号変換のメモ 11:05

「ricollab 郵便番号検索」を利用すれば、

簡単なんで説明はありません。

ricollabさんありがとう

では、demoどうぞ

住所郵便番号変換

//=================================
//	明細作成
//=================================
    $(function () {
        var ResponseSet = function (data, status) {

            $("#ul_ZipList").html("");

            if (data.totalResults==0){
                $("#lbl_ZipCode").text("データがありません");
            }else{
            $("#lbl_ZipCode").html("query:" + data.query
                + "<br>totalResults:" + data.totalResults
                + "<br>itemsPerPage:" + data.itemsPerPage
                + "<br>next:" + data.next
                + "<br>prev:" + data.prev);
            }

            if (data.itemsPerPage != 0) {
                $.each(data.result, function (i, item) {
                    var j = "{zipcode:\"" + item.zipcode + "\",address:\"" + item.address + "\"}";
                    $("#ul_ZipList").append("<li><input type='button' class='cmdSLT' value='" + item.zipcode + "'><input type='hidden' value='" + j + "'>&nbsp;" + item.address + "</li>");
                });
                var mov = "";
                if (data.prev != undefined) {
                    mov += "<input type='button' class='cmdMOV' value='戻る'><input type='hidden' value='" + data.prev + "'>";
                }
                if (data.next != undefined) {
                    if (mov != "") mov += "&nbsp;";
                    mov += "<input type='button' class='cmdMOV' value='次へ'><input type='hidden' value='" + data.next + "'>";
                }
                if (mov != "") {
                    $("#ul_ZipList").append("<li>" + mov + "</li>");
                }
            }
        }
//=================================
//	明細ボタンクリック
//=================================
        $(".cmdSLT").live("click", function () {
           alert(this.nextSibling.value);
        });
//=================================
//	移動ボタンクリック
//=================================
        $(".cmdMOV").live("click", function () {
            $.getJSON(this.nextSibling.value + "&callback=?"
            , null
            , ResponseSet
            );

        });
//=================================
//	実行ボタンクリック
//=================================
        $("#cmdEXE").click(function () {
            $.getJSON("http://zip.ricollab.jp/search?callback=?"
            , { q: $("#txt_Address").val(), type: "json" }
            , ResponseSet
            );

        });

    });