2013-03-13 37 views
0

好吧,所以我有一個關於傳遞變量的問題。我想要做的是從形式到被加載,確認表單數據的PHP頁面的fancybox傳遞一些變量等fancybox變量

<form action="bvd-email-opt-in.php" method="post"> 
<div style="width:125px; float:left;"> 
    <label style="font-size:12px" for="first_name">First Name:</label> 
    <input style="width:110px" name="first_name" id="first_name" required="required" type="text"> 
</div> 
<div style="width:125px; float:right;"> 
    <label style="font-size:12px" for="last_name">Last Name:</label> 
    <input style="width:110px" name="last_name" id="last_name" required="required" type="text"> 
</div> 
<div class="cle"></div> 
<div id="email-container" style="width:180px; height:20px; float:left"> 
    <label style="font-size:12px; line-height:13px;" for="email">Email Address:</label> 
    <br /> 
    <input style="width:175px;" name="email" id="email" required="required" type="text"> 
</div> 
<div id="form-submit" style="float:right; padding-top:18px;"> 
    <input name="submit" type="button" value="Go" style="float:right;margin-right:12px" id="go" /> 
</div> 
<div class="cle"></div> 

這裏是功能設置方式目前:

$("#go").bind("click", function() { 

    $.fancybox({ 

    'content': '<div id="commentForm"><h1>Join Our Email List</h1><iframe src="bvd-email-opt-in.php" width="500" frameborder="0" height="480"></iframe></div>' 

    }); 

}); 

現在我知道它現在正在加載的方式,數據沒有被傳遞到窗體。我不知道的是最好的方法可能是這樣做的。

任何意見將不勝感激。

回答

0

您可以在您的點擊功能中獲取所需的值,並將它們作爲GET請求傳遞。例如:

$("#go").bind("click", function() { 
    var mail = $('#email').value(); 
$.fancybox({ 

'content': '<div id="commentForm"><h1>Join Our Email List</h1><iframe src="bvd-email-opt-in.php?mail='+mail+'" width="500" frameborder="0" height="480"></iframe></div>' 

}); 

}); 
+0

以這種方式嘗試函數導致iframe無法加載。不知道爲什麼......看起來合乎邏輯,並且和我一樣處於同一條路上。 – user2166255 2013-03-14 13:27:04

+0

當您在瀏覽器中打開bvd-email-opt-in.php?email =「[email protected]」時會發生什麼? – 2013-03-15 14:18:14

+0

我修好了。我使用getelementbyid和.value從表單字段中獲取值,並將它們傳遞給以URL方式在另一端進行GET的php。當我使用你的格式,它的工作。只需要知道,當Javascript操作放在按鈕上時,它不再以傳統的方式「提交」。作品! – user2166255 2013-03-20 14:39:21