如何将值传递给隐藏在模态框jquery和laravel中的输入

时间:2018-01-29 12:10:35

标签: jquery laravel laravel-5

单击提交按钮

,帮助如何将值传递给隐藏到模态框的输入

我的观点:

<button **data-report-name="customer-list"** type="button" data-toggle="modal" data-target="#confirm-delete-modal" class="btn btn-primary" {{ in_array('customer-list', $choosedReports) ? 'disabled' : '' }}>Add Report
</button>

模式框:

<div class="modal-body">
  <p>Are you sure want to choose this selected data?</p>
  <input type="hidden" value="" name="report_name"/>
</div>

1 个答案:

答案 0 :(得分:0)

这是一种非常通用的方法,使用给定的数据参数监听按钮的click事件,然后将其添加到具有给定名称的输入中。

$('button[data-report-name]').on('click', function() {
	$('input[name="report_name"]').val($(this).attr('data-report-name'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" data-report-name="test-report">Submit</button>
<input value="" name="report_name"/>

注意:我删除了“隐藏”类型以便于演示。