Javascript 如何从laravel视图向modal发送数据？

我正在尝试创建一个模式来输入发票付款。我有一个发票页和模式是引导。我需要将发票id传递到模式以提交保存。我有下面的html

<button type="button" class="btn btn-default" data-toggle="modal" data-target="#paymentsModal" data-invoice="{{ $invoice->id }}">

我正在从CDN加载。 jquery/2.2.3/jquery.min.js

---

twitter bootstrap/3.3.6/js/bootstrap.min.js

您能够使用数据属性吗

这样你就可以做到：

 <input type="hidden" data-id="invoice_id" name="invoice_id" value="123">

您还可以使用以下方法为该隐藏输入字段指定值：

$('[data-id="invoice_id"]').val('My new value')

您还可以使用ajax将数据发送到您的模式。您可以使用

$（'[data id=“invoice\u id”]'）.val（）。

---

希望这有帮助。

您能使用数据属性吗

这样你就可以做到：

 <input type="hidden" data-id="invoice_id" name="invoice_id" value="123">

您还可以使用以下方法为该隐藏输入字段指定值：

$('[data-id="invoice_id"]').val('My new value')

您还可以使用ajax将数据发送到您的模式。您可以使用

$（'[data id=“invoice\u id”]'）.val（）。

---

希望这能有所帮助。

将其放在js中。这很有效

$('#paymentsModal').on('show.bs.modal', function (event) {
     var invoice_id = ($('[data-invoice]').val());  // Extract info from data-* attributes
     var modal = $(this)
     modal.find('.modal-body input[name=invoice_id]').val(invoice_id)
    });

---

把这个放在js中。这很有效

$('#paymentsModal').on('show.bs.modal', function (event) {
     var invoice_id = ($('[data-invoice]').val());  // Extract info from data-* attributes
     var modal = $(this)
     modal.find('.modal-body input[name=invoice_id]').val(invoice_id)
    });

---

那么什么不起作用呢？任何js错误？请将该值放在正确的输入中：modal.find（'.modal body input[name=invoice_id]'））.val（invoice_id）No luck。字段显示为空。那么什么不起作用？任何js错误？请将该值放在正确的输入中：modal.find（'.modal body input[name=invoice_id]'））.val（invoice_id）No luck。该字段显示为空。当我使用类似于JSFIDLE的东西时，这会起作用。但我的应用程序中一定有什么东西阻止了发票id被填充到模式中。我一直没有定义。有什么常见的东西需要检查吗？你必须使用隐藏的输入吗？在手机上的一分钟，所以将帮助ASAPno我不必使用它。我试着把它改成文本。这让我相信还有另一个错误导致了未定义；若要查看返回的内容但未定义，请不要使用var input_id，将数据属性添加到输入中，然后尝试直接调用数据属性，就像我在var中显示的那样，或者尝试调用invoice_id.val（），当我使用类似JSFIDLE的东西时，这会起作用。但我的应用程序中一定有什么东西阻止了发票id被填充到模式中。我一直没有定义。有什么常见的东西需要检查吗？你必须使用隐藏的输入吗？在手机上的一分钟，所以将帮助ASAPno我不必使用它。我试着把它改成文本。这让我相信还有另一个错误导致了未定义；若要查看返回的内容但未定义，请不要使用var input_id，将数据属性添加到输入中，然后尝试直接调用数据属性，就像我在var中显示的那样，或者尝试调用invoice_id.val（）