0

我正在尝试将弹出窗口合并到我的项目中。它一直有效，直到我尝试将值从 javascript 传递到 php 脚本。我已经包含了一个指向我使用的示例的链接以及指向原始脚本的链接。原剧本略有改动。我遇到问题的区域标有---->

完整的脚本可以在这里找到： http ://www.webdeveloper.com/forum/showthread.php?279111-Contact-form-popup-window

工作示例可以在这里找到：http: //ilolo.ru/wd/contact_form/

我在 hello.html 中有以下内容

<form id='form1' style='width: 1100px'>
    <table>
        <th>Email</th>
        <th>Options</th>
        <tr>
            <td>
                <input type='text' id='email1' size='25' value='bob@mail.com'>
            </td>
            <td><a id='1' href='#null' class='contactus'><img src= 'images/emailbutton.jpg'    title='Email' border='0' height='24' width='24'></img></a>

        </tr>
    </table>
</form>

以下 js 位于我在 html 中引用的 .js 中。我使用以下内容，因为我有多个表格。在我的示例中只显示了一种形式。下面的警报有效....当我单击 html 中的图像链接时，会显示正确的电子邮件地址。

    function findCenter(obj) {
        var deltaX = parseInt(obj.css('padding-left')),
            deltaY = parseInt(obj.css('padding-top'));
        obj.css('left', $(window).width() / 2 - obj.width() / 2 - deltaX + 'px').css('top',  $(window).height() / 2 - obj.height() / 2 - deltaY + 'px');
    }

    $(document).ready(function () {
        $('.contactus').click(function () {
    var element = $(this);
    var J = element.attr('id');
    var email = document.getElementById('email'+J).value;
        alert(email);
        $('#result').html('<h3>Loading</h3>').css('display', 'block');
        findCenter($('#result'));
        $.get('email.php', function (data) {
            $('#result').html(data);
            findCenter($('#result'));
            $('#snd').click(function () {
                var subject = document.getElementById('subject').value;
                var addy = document.getElementById('addy').value;
                var comments = document.getElementById('comments').value;
                     $('#result').append('<br /><br /><div><i>Sending...</i></div>');
                     $.post('lbi_email.php',{mode: 'snd', subject: subject, addy: addy, comments: comments},function(data){
                $('#result').html(data);
                findCenter($('#result'));
    });
    });
    });
    });
    });

电子邮件.php

下面的这个值不是由 javascript 发送的，并且输入 value=$email 没有正确写入（我认为）

<?php 
include( 'connection.php'); 
function showForm(){ 
$email=$_POST[ 'email'];  
echo '<form name="mf" id="mf" action="" method="post">
    <h2>Send Email To Customer</h2><br />
    <p><label>Address :</label><input type="text" size="35" name="addy" id="addy" value="'.$email.'"/></p>
    <p><label>Subject :  </label><input type="text" size="35" name="subject" id="subject" value=""/></p>
    <label>Message:</label><textarea style="width: 100%;" cols="20" rows="10" id="comments" name="comments"></textarea>
    <p><a href="#" class="btn" id="snd" name="snd"><img src="submitbutton.jpg" title="Submit Email" border="0" height="25" width="75"></img></a></p></form>';
   } 

function sndForm(){ 
/* here goes checking data and so on... then sending if everything 's good and sending done show message to the user*/
    echo '<h3>Everything\'s cool.
    <br />
    <br />Viva Cuba!</h3>
    <script type="text/javascript">
        setTimeout(\'$("#result").fadeOut("fast")\',3000);
    </script>'; 
} 
/*---------------------------------------------------------------------*/    
 $mode=(!empty($_GET['mode']))?$_GET['mode']:$_POST['mode']; 
switch($mode)
{ 
case 'snd':sndForm();break; 
default: showForm();break; 
} 
?>
4

1 回答 1

1

在您的 javascript 中，您发送的是文字email而不是您的email值 -

$.post('email.php',{mode: 'snd', email: 'email'},function(data){

将其更改为 -

$.post('email.php',{mode: 'snd', email: email},function(data){

在您的 php 代码中，您有一个变量范围问题 -$email超出了您的函数范围

$email=$_POST[ 'email']; 
function showForm(){ 
echo $email;

尝试将其设置在里面

function showForm(){ 
$email=$_POST[ 'email']; 
echo $email;

最后，你有$email里面的单引号 -

echo '<form name="mf" id="mf" action="" method="post">
    <h2>Send Email To Customer</h2><br />
    <input type='text ' value='$email '/> 
    ...

需要更新到

echo '<form name="mf" id="mf" action="" method="post">
    <h2>Send Email To Customer</h2><br />
    <input type="text" value="'.$email.'"/>
    ...

此外，看起来当您提交时您没有发送评论文本区域，因此您可能还需要添加它。

$('#snd').click(function () {
        $('#result').append('<br /><br /><div><i>Sending...</i></div>');
        var comments = document.getElementById('comments').value;
        $.post('email.php',{mode: 'snd', email: email, comments: comments},function(data){
                $('#result').html(data);
                findCenter($('#result'));
        });
});

编辑

您需要将email价值添加到您的$.get()-

$.get('email.php', email: email, function (data) {

然后将其更改为$_GET['email']您的 php -

function showForm(){ 
$email=$_GET[ 'email'];
于 2013-10-12T04:19:03.527 回答