我知道这是一个回答问题的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
是不是访问这些变量的正确方式,其次,它没有打开跳转到下一个表单的弹出窗口。
我有其余的代码,但它的冗长,因此没有在上面的链接相同。
我知道这看起来很寒酸,但在问之前我不得不试一试。请帮帮忙
发布于 2019-03-25 12:16:18
您的modal不是一个单独的页面,所以如果您需要从服务器获取一些数据(运行php脚本),那么您必须向您的服务器添加一个ajax调用并接收这些数据,这些数据将通过JavaScript
传递给您的modal。JavaScript将数据传递给模型,而不是PHP。因为Modal不是单独的页面,并且modal是由JavaScript打开的。
唯一的问题是,JavaScript可能缺少一些数据,所以您必须添加一个ajax调用,以便从您的服务器(php)获取这些数据。
发布于 2019-03-25 12:40:17
如果您将该数字发送到服务器,并且在服务器响应后需要该值,则服务器必须将该值放入隐藏输入中,然后您显示模式并从隐藏输入中读取该数据。
但是如果你需要show modal才能发送到服务器按钮,表单类型必须是按钮,不是submit,因为submit按钮会发送数据到服务器,并且不会触发javascript功能。在这种情况下,您需要提交表单或将数据从您的模式发送到API。无论如何,您可以使用jquery访问textbox的值。
https://stackoverflow.com/questions/55337405
复制相似问题