Question

如何将按钮的ID传递给隐藏的输入？

我有一个foreach列出用户并生成一个删除按钮，我想将按钮的ID传递给模态中的隐藏输入。

@foreach

<button type="button" id="{{$user->id}}" data-toggle="modal" data-target="#modal-delete" onclick="deleteUser();"> Delete </button>

@endforeach

这是我尝试过但没有效果的。

function deleteUser(id) {
  $('input[name=user_id_modal]').val(id);

  alert(id);
}

<input type="hidden" name="user_id_modal"> ^ button's id should go here.

Answer 1

您可以将userId传递给函数并操作隐藏输入的名称值，如下所示：

＆＃13;

function deleteUser(id) {

  $("input[name='user_id_modal']").val(id);
  console.log("Input value set to: " + $("input[name='user_id_modal']").val());
  
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button type="button" id="userId" onclick="deleteUser(this.id);"> Delete </button>

<input type="hidden" name="user_id_modal">

＆＃13;

Answer 2

    @foreach

       <button type="button" id="{{$user->id}}" data-toggle="modal" data-target="#modal-delete" onclick="deleteUser({{$user->id}});"> Delete </button>

   @endforeach

如何将值从按钮ID传递到点击输入？

2 个答案: