ボタン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