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

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传递给函数并操作隐藏输入的名称值，如下所示：

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

 <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"> 

Answer 2

    @foreach

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

   @endforeach

Answer 3

<input id="button" type="button" value="Login" onclick="if (document.getElementById('password').value == 'PASSWORD') {