Question

我在foreach循环中有一个约会列表。每个约会都有一个按钮来编辑它。我希望将约会ID传递给模态。

我已经按照行进行了自举指导，但是失败了。到目前为止，我的代码如下。

我在foreach列表中有一个按钮，调用模态。按钮代码

<button type="button" class="btn btn-sm btn-teal " data-toggle="modal" data-target="#appointmentModal" data-id="{{ $item->appointmentID }}">
<i class="fa fa-edit"></i> {{ trans('translate.edit') }} 
</button>

根据引导指南http://getbootstrap.com/javascript/#modals-related-target调用模态的脚本。

$('#appointmentModal').on('show.bs.modal', function (event) {
         var button = $(event.relatedTarget) // Button that triggered the modal
        var appointment = button.data('id') // Extract info from data-* attributes
         var modal = $(this)
         modal.find('.modal-title').text('New' + appointment)
         modal.find('.modal-body input[name=appointmentID]').val(appointment)
        })

我期待这个inpute字段被填充。

<input type="text" class="form-control" name="appointmentID" id="appointmentID">

我得到的错误是＆＃34;未定义＆＃34;。

不同的数据传递到Bootstrap模态

0 个答案: