サポート » プラグイン » Contact Form 7にAjaxZip3で複数個所の住所を入れる方法

  • 解決済 nukomof

    (@nukomof)


    現在、1ヶ所の郵便番号欄から住所を自動表示する設定まではできています。

    1つのフォーム内で、2か所目、3か所目の住所も自動表示させる場合、header.phpにどのように表記すればよろしいのでしょうか。

    ■1ヶ所目の住所を表示させるために header.phpに追加した内容

    <script src=”http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js&#8221; charset=”UTF-8″></script>
    <script type=”text/javascript”>
    //<![CDATA[
    jQuery(function(){
    AjaxZip3.JSONDATA=”http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/zipdata&#8221;;
    jQuery(‘#zip’).keyup(function(event){
    AjaxZip3.zip2addr(this,”,’pref’,’addr1′);
    })
    })
    //]]>
    </script>

    ■2ヶ所目住所の入力フォーム

    郵便番号
    [text* zip2 id:zip2 10/]
    都道府県
    [text* pref2 id:pref2 10/]
    市区町村
    [text* addr12 id:addr12 60/]
    番地・建物名
    [text* addr22 60/]

    と、名前に「2」「3」を追加してみたところまでで先がわからず止まっております。

    よろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター gatespace

    (@gatespace)

    ※ソースコードを投稿される場合は当該部分を「code」ボタンで囲ってください。

    Contact Form 7というよりもjQueryの書き方かと。

    jQuery('#zip').keyup(function(event){ // IDがzipという要素でキーアップイベントの時
        AjaxZip3.zip2addr(this,'','pref','addr1'); // AjaxZip3で その要素の内容を元に pref と addr1に入力
    })

    という意味ですから、入力が増えたらその分の紐づくイベントと処理を増やせばいいだけです。

    トピック投稿者 nukomof

    (@nukomof)

    gatespace様、早速のご回答ありがとうございます。
    コード投稿の件、失礼いたしました。

    その部分を追加すればよかったのですね。
    ご教示の通り2、3か所目の分を追加しましたら無事動作いたしました。
    とても助かりました。
    どうもありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Contact Form 7にAjaxZip3で複数個所の住所を入れる方法」には新たに返信することはできません。