如何从按钮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

您可以通过用户id进入功能和操纵隐藏输入的名称值如下：

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