如何在show函数中传递文本框值？

Question

我想在show function

中传递文本框值

<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

当您使用jQuery标记问题时，您可以注册一个侦听器并将值传递给show。无需在元素上使用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>