相互に作用する2つのフォーム

Question

私は、別々のページにある2つの同一のフォームを持っています。

ページ1

このページ上のフォームにはので、次のページのフォームを移入あらかじめますことを話すように、アクションへの迅速な呼び出しです。

<form action="/xxxx" method="post"> 
    <select id="island" name="island"> 
     <option selected value="base">Select an Island</option> 
     <option value="north-island">North Island</option> 
     <option value="south-island">South Island</option> 
    </select> 
</form> 

2ページ

現状では、私は以下を使用して、下記のフォームに移入することができます今すぐ

<select id="island" name="island"> 
    <option value="base">Select an Island</option> 
    <option <?php if(isset($_POST['island'])) { echo 'selected'; } ?> value="north-island">North Island</option> 
    <option <?php if(isset($_POST['island'])) { echo 'selected'; } ?> value="south-island">South Island</option> 
</select> 

を、私は私の問題は、私が取得するために、AJAXを使用していますということですフォームをそのまま使用するとうまくいくデータですが、ページ1からページ2に行くと、.changeとそれに対応する結果が表示されません。

$('#island').change(function() { 
    var selectedValue = $(this).find(':selected').val(); 
    jQuery.ajax({ 
     type: 'POST', 
     data: { 
      action: 'cfd_map', 
      option: selectedValue 
     }, 
     url: "xxxxxx", 
     success: function(data) { 
      $('.results').html(data).fadeIn('slow'); 
     } 
    }); 
}); 

誰でもお手伝いしますか？

乾杯

Answer 1

resultsのみ動作します2ページに1ページから行くと、2ページから戻って1ページにするつもりはないし、次の利用できるようにする必要がある場合：

$('#island').change(function() { 

    var selectedValue = $(this).val(); 
    // only do ajax if there is a value 
    if (selectedValue) { 
    jQuery.ajax({ 
     type: 'POST', 
     data: { 
     action: 'cfd_map', 
     option: selectedValue 
     }, 
     url: "xxxxxx", 
     success: function(data) { 
     $('.results').html(data).fadeIn('slow'); 
     } 
    }); 
    } 
    // now trigger change 
}).change(); 

それは単に変更をトリガーハンドラが宣言された後サーバがすでに2ページの値を設定しますので、変更をトリガすることは、その後必要に応じて他のローカルストレージ全く存在しないはずの結果に

を取得するために、AJAX呼び出しを行います - これは両方の方法