php - laravel 5.4:在从表单弹出评论模型提交数据之前,然后将它们全部发送
问题描述
我有一个包含 2 个字段的表单,price
然后order_id
我submit
需要做的就是按钮
- 当用户单击提交按钮引导模型弹出窗口并要求他发表评论时
- 用户写评论并点击提交按钮
- 获取这些值
price
,order_id
和 thecomments
并将它们发送到控制器并在那里执行任何操作。
这是我的表格在我的刀片中的样子
{!! Form::open(['route'=>['inline.update.price', $order->id], 'method'=>'patch']) !!}
{!! Form::text('price', $order->price, ['style'=>'width:100px']) !!}
{!! Form::hidden('orderListId', $orderList->id) !!}
<input type="submit" class="btn fa-input updatePriceButton" value="">
{!! Form::close() !!}
我想用像这样的会话来做
<a href="" class="btn fa-input updatePriceButton" data-toggle="modal" data-target="#supplierComments">
<i class="fa fa-arrow-circle-up"></i>
{{ Session::put(['orderId' => $order->id]) }}
</a>
解决方案
根据评论中的讨论:
当您提交第一个表单时打开模型,
从用户那里获取评论以供评论,然后通过 ajax 提交整个表单检查这个:
$(document).on('click', '#submit-btn', function() {
var comment = $("#comment").val();
var data = $('#mainForm').serialize()+ "&comment="+comment;
console.log(data);
});
<!DOCTYPE html>
<html lang="en">
<head>
<title>Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<form method="POST" action="/" accept-charset="UTF-8" id="mainForm">
<input name="_method" type="hidden" value="PATCH"><input name="_token" type="hidden" value="YSEKhNUe8Zh6Q9Xju9nfGBeB2QD1Q7XFS6E4Ssoy">
<input style="width:100px" name="price" type="text" value="">
<input name="orderListId" type="hidden" value="">
</form>
<a href="" class="btn fa-input updatePriceButton" data-toggle="modal" data-target="#supplierComments">
<i class="fa fa-arrow-circle-up"></i>
Submit
</a>
<!-- Trigger the modal with a button -->
<!-- Modal -->
<div class="modal fade" id="supplierComments" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
Comment
<input type="text" id="comment">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="submit-btn">Submit</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
推荐阅读
- apache-kafka - Kafka - 未调用重试和恢复
- javascript - 如何使用 CSS 动画延迟和变换?
- linux - 如何将剪切命令的输出带入变量?
- java - 如何在具有多个参数的 JsonUnit 中创建匹配器
- flutter - 如何查看 dart 二进制文件或在哪里可以查看源代码?
- c - 为什么它给我分段错误?
- java - 无法使用 401 访问 Spring Security 中的页面
- python - 我可以简化从 Python 中的字符串类型派生吗?
- scripting - LibreOffice Calc Basic:getCellByPosition 给出 outOfBoundsException
- r - 使用多元回归分析识别领先/滞后