javascript - 使用 jQuery 设置具有相同 id 的多个输入的值？

Question

考虑以下 HTML:

<form id="upvoteForm" method="post" action="/post/upvote">
    <input type="text" name="post_id" id="post_id"/>
</form>
<form id="downvoteForm" method="post" action="/post/downvote">
    <input type="text" name="post_id" id="post_id"/>
</form>

<input type="hidden" id="_postid" value="1"/>

我正在尝试使用此 JavaScript 和 jQuery 将名称为 post_id 的两个 input 字段设置为来自 _postid 的值:

$(document).ready(function() {
    $('#post_id').val($('#_postid').val());
});

但是，如您所见in this jsFiddle ，它只是设置第一个的值。如何设置它们的值？我以为选择器最终会同时捕获两者。

现在，我知道您可能想知道为什么我在这个页面上有两种形式。基本原因是我有 button 输入，我已经按照我想要的方式设置了样式，但随后我使用 onclick 调用 submit适当的形式在这里。我最终将在这里利用 AJAX，但那是稍后的事。

Answer 1

id 始终是唯一的。您不能选择具有相同 ID 的 2 个元素。按名称选择

$(document).ready(function() {
    $('input[name=post_id]').val($('#_postid').val());
});