如何在PHP的模式弹出窗口中传递多个变量

时间:2019-03-25 12:04:10

标签: javascript php

我知道这是一个已回答的问题HERE,并且我尝试了相同的解决方案,但是我不确定如何将这些值传递给同一页上的模式弹出窗口。 我有一个表单,用户在其中输入金额并单击Pay按钮,然后用户会弹出一个对话框,以获取有关他/她使用的值和货币的确认。 单击按钮后,我将打开弹出窗口,因此输入我的代码:

<form name="form" class="form-horizontal" action="signupinvestment.php" method="post" onsubmit="return validateForm()">
<button type="submit" class="btn btn-primary"><i class="fa fa-university"></i>&nbsp;Net Banking&nbsp;&nbsp;
                         <a class="open-my-modal" rel="dialog" data-toggle="modal" data-id="<? $amount_invest=$_GET['amount_invested']; echo $amount_invest;?>" data-prod-id="<? $currency=$_GET['currency'];echo $currency;?>" href="#mymodal" data-target="#myModal" >
<?php echo "<br> $order_id </br>";?>
</a></button>

</form>
 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>

            <table class="table table-hover table-bordered" >
                <tr style=" background-color:#00AAAD; color:#FFF; ">
                    <div class="modal-body">

                        <div id='order-id'></div>
                        <div id='prod-id'></div>
                        <div id='sell-id'></div>
                    </div>
                </tr>
            </table>
        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
            Close
            </button>
        </div>
    </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

还有我的JQuery代码:

$(document).ready(function () {             
$('.open-my-modal').click(function(){
    $('#order-id').html($(this).data('id'));
    $('#prod-id').html($(this).data('prod-id'));


     // show Modal
     $('#myModal').modal('show');
});
});

我不确定此$_GET是访问这些变量的正确方法,其次,它无法打开跳至下一个表单的弹出窗口。
我有其余的代码,但是冗长,因此与上面的链接相同。
我知道这看起来很破旧,但必须在尝试之前先尝试一下。请帮助

2 个答案:

答案 0 :(得分:0)

您的模态不是一个单独的页面,因此,如果您需要从服务器获取一些数据(运行php脚本),则必须向服务器添加ajax调用并接收该数据,该数据将被传递给通过JavaScript的模态。 JavaScript将数据传递给模式,而不是PHP。因为模态不是单独的页面,并且模态由JavaScript打开。

唯一的是,JavaScript可能缺少一些数据,因此您必须添加一个ajax调用,才能从服务器(php)获取该数据。

答案 1 :(得分:0)

如果您将该号码发送到服务器,并且在服务器响应后需要该值,则服务器必须将该值放入隐藏的输入中,然后显示模式并从隐藏的输入中读取数据。

但是如果您需要在发送到服务器之前显示模式,则表单的按钮类型必须为 button 而不是 submit ,因为提交按钮会将数据发送到服务器并且不会触发javascript函数。在这种情况下,您需要从表单中提交表单或将数据发送到API。 无论如何,您可以使用jquery访问文本框值。