首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在php的模式弹出窗口中传递多个变量

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

Stack Overflow用户
提问于 2019-03-25 20:04:10
回答 2查看 367关注 0票数 0

我知道这是一个回答问题的HERE,我已经尝试了相同的解决方案,但是我不确定如何将值传递到同一页面上的模式弹出窗口。我有表单,用户输入金额,并点击Pay按钮,用户得到一个弹出窗口,得到一个价值和他/她正在使用的货币确认。我想在点击按钮后打开弹出窗口,因此我的代码如下:

代码语言:javascript
代码运行次数:0
运行
复制
<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代码:

代码语言:javascript
代码运行次数:0
运行
复制
$(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是不是访问这些变量的正确方式,其次,它没有打开跳转到下一个表单的弹出窗口。

我有其余的代码,但它的冗长,因此没有在上面的链接相同。

我知道这看起来很寒酸,但在问之前我不得不试一试。请帮帮忙

EN

回答 2

Stack Overflow用户

发布于 2019-03-25 20:16:18

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

唯一的问题是,JavaScript可能缺少一些数据,所以您必须添加一个ajax调用,以便从您的服务器(php)获取这些数据。

票数 0
EN

Stack Overflow用户

发布于 2019-03-25 20:40:17

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

但是如果你需要show modal才能发送到服务器按钮,表单类型必须是按钮,不是submit,因为submit按钮会发送数据到服务器,并且不会触发javascript功能。在这种情况下,您需要提交表单或将数据从您的模式发送到API。无论如何,您可以使用jquery访问textbox的值。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55337405

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档