我知道这是一个已回答的问题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> Net Banking
<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
是访问这些变量的正确方法,其次,它无法打开跳至下一个表单的弹出窗口。
我有其余的代码,但是冗长,因此与上面的链接相同。
我知道这看起来很破旧,但必须在尝试之前先尝试一下。请帮助
答案 0 :(得分:0)
您的模态不是一个单独的页面,因此,如果您需要从服务器获取一些数据(运行php脚本),则必须向服务器添加ajax调用并接收该数据,该数据将被传递给通过JavaScript
的模态。 JavaScript将数据传递给模式,而不是PHP。因为模态不是单独的页面,并且模态由JavaScript打开。
唯一的是,JavaScript可能缺少一些数据,因此您必须添加一个ajax调用,才能从服务器(php)获取该数据。
答案 1 :(得分:0)
如果您将该号码发送到服务器,并且在服务器响应后需要该值,则服务器必须将该值放入隐藏的输入中,然后显示模式并从隐藏的输入中读取数据。
但是如果您需要在发送到服务器之前显示模式,则表单的按钮类型必须为 button 而不是 submit ,因为提交按钮会将数据发送到服务器并且不会触发javascript函数。在这种情况下,您需要从表单中提交表单或将数据发送到API。 无论如何,您可以使用jquery访问文本框值。