show関数でテキストボックスの値を渡す方法は？

Question

私はあなたがjQueryで質問をマークとして、あなたがリスナーを登録して、showに値を渡すことができ

<div id="userComment"> 
    <input type="text" name="comment" id="comment" placeholder="Enter comment here"> 
    <button type="submit" class="postComment" onclick="show()" value="<?php echo $postId ?>">POST</button> 
</div> 

Answer 1

ショー機能でテキストボックスの値を渡したいです。エレメントにonclickを設定する必要はありません。

$(function() { 
 
    $(".postComment").click(function() { 
 
     show($("#comment").val()); 
 
    }); 
 
}); 
 

 
function show(value) { 
 
    console.log(value); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="userComment"> 
 
    <input type="text" name="comment" id="comment" placeholder="Enter comment here"> 
 
    <button type="submit" class="postComment">POST</button> 
 
</div>

Answer 2

私はあなたがこの方法は非常に簡潔で、このようなコードを書くことができると思います。

<div id="userComment"> 
    <input type="text" name="comment" id="comment" placeholder="Enter comment here"> 
    <button type="submit" class="postComment" onclick="show($('#comment').val())" value="<?php echo $postId ?>">POST</button> 
</div>