Question

我正在使用模态按钮上的data-属性将数据发送到模态。

在我的“编辑”模式中，我有一个带有选择菜单的表单，如果已经选择了一个选项，则需要返回该菜单。

我通常可以使用这样的刀片来做到这一点...

@foreach($companyUsers as $manager)
   <option id="manager-option" value="{{ $manager->id }}" {{ $manager->id == $user->manager_id ? 'selected' : '' }}> {{ $manager->userFormatted() }}</option>
@endforeach

但是我需要通过js动态插入$ user-> manager_id。这是我的js

$('#editUser').on('show.bs.modal', function (event) {
  var button = $(event.relatedTarget) // Button that triggered the modal
  var user = button.data('user')
  var userManager = button.data('user-manager')

  var modal = $(this)
  modal.find('.k-form').attr('action', '/usermanagement/' + user)
  modal.find('#manager-option').attr('selected', userManager) // here i'm stuck
})

所以我有modal.find('.manager-option').attr(userManager)的地方，需要用我的js $user->manager_id中的变量以某种方式替换刀片文件中的userManager

Answer 1

能够使用@Tim Lewis建议来解决此问题。

刀片：

@foreach($companyUsers as $manager)
    <option class="manager-option-{{ $manager->id }}" value="{{ $manager->id }}"> {{ $manager->userFormatted() }}</option>
@endforeach

JS：

$('#editUser').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget)
    var user = button.data('user')
    var userName = button.data('user-name')
    var userManager = button.data('user-manager')

    var modal = $(this)
    modal.find('.k-form').attr('action', '/usermanagement/' + user)
    modal.find('.modal-title').text('Edit: ' + userName)
    modal.find('.manager-option-' + userManager).attr('selected', true)
})

Laravel刀片-如何在动态模式下将“选定”添加到选项表单菜单

1 个答案: