2012-07-08 27 views
0

頁那麼我試圖做的是這樣的:PHP投遞到簡單的模態,然後更新

  1. 用戶點擊無線電HTML表單按鈕。
  2. 用戶單擊提交按鈕以確認他的選擇。
  3. SimpleModal彈出並顯示所選按鈕的值。
  4. 用戶單擊SimpleModal中的「接受」,父頁面會相應地更新。

我並不擔心第4步,但我不知道如何將post信息轉換爲SimpleModal。

僅供參考我正在使用Eric Martin提供的SimpleModal Contact Form演示。

我是新來的Ajax以及jQuery。

我看到這個帖子:Passing a Value from PHP to the SimpleModal Contact Form

他們也有類似的問題,但是他們沒有檢索從他們的索引頁發佈信息。

有沒有辦法檢索這個帖子信息並將它傳遞給爲SimpleModal窗口調用的contact.php?

任何幫助,非常感謝。

我的索引(其中產生單選按鈕。):

<div id='contact-form'> 
<form action="index.php" method="get"> 
        <? 
        echo "<h3>Degrees (double click a degree to add a generator):</h3><br />"; 

        for($deg = $_SESSION['degmin']; $deg <= $_SESSION['degmax']; $deg++) 
        { 
         ?> 
         <table> 
         <tr> 
         <th> 
         <? 
         echo $deg; 
         for($gen = 0; $gen < $_SESSION['degree_gens'][$deg]; $gen++) 
         { 
          echo "<input type='radio' name='test' value='deg' />"; 
         } 
         ?> 
         </th> 
         </tr> 
         </table> 
         <? 
         echo "<br /><br />"; 
        } 
        ?> 
        <input type='submit' name='contact' value='Demo' class='contact demo'/> 
        </form> 
        </div> 

我contact.js(這是從索引調用時用戶點擊「演示):

$.get("data/contact.php", { r: $("input[name='test']:checked").val()}, function(data){ 
       // create a modal dialog with the data 
       $(data).modal({ 
        closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>", 
        position: ["15%",], 
        overlayId: 'contact-overlay', 
        containerId: 'contact-container', 
        onOpen: contact.open, 
        onShow: contact.show, 
        onClose: contact.close 
       }); 
      }); 

我contact.php (模態顯示此頁面,試圖輸出後的信息):

<h1 class='contact-title'>Edit Generator(" . $_POST['test'] . "):</h1> 

-Chad

回答

0

據我瞭解,你要加載外部php文件模式,所以你應該通過變量與GETPOST paramater,這裏有一個例子,你可以怎麼做,

cantact.js

$.get("data/contact.php", { test: $("input[name='test']:checked").val()}, function(data){ 
    // create a modal dialog with the data 
    $(data).modal({ 
     closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>", 
     position: ["15%",], 
     overlayId: 'contact-overlay', 
     containerId: 'contact-container', 
     onOpen: contact.open, 
     onShow: contact.show, 
     onClose: contact.close 
    }); 
}); 

contact.php

<h1 class='contact-title'>Edit Generator(" . $_GET['test'] . "):</h1> 

POSTGET是不同類型的HTTP請求方法。

jQuery

    如果使用 $.get()
  1. ,你可以在PHP $_GET參數。
  2. 如果你使用$.post(),你可以在 PHP中得到參數$_POST
+0

我試過你的方法,但我仍然無法獲取信息顯示。這裏是我的代碼: – 2012-07-09 03:00:41

+0

我將我的代碼添加到我的主帖。所以index.php會根據用戶的第一個輸入生成一堆單選按鈕。他點擊一個單選按鈕,然後點擊「演示」按鈕。彈出的模式,我想使用廣播PHP後,如果我可以在該模式。 – 2012-07-09 03:12:49

+0

@ChadFisher,我已經更新了我的答案。 – ocanal 2012-07-09 11:09:48

0
$('form').submit(function(e){ 
    e.preventDefault(); 
    var ourVal = $('input:radio').val(); 

    $.modal('<div id="ourModal"><div id="modalText"></div></div>'); 
    $('#modalText').text(ourVal); 
});