如何從按鈕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