javascript - 获取隐藏输入的值，发送到另一个隐藏输入

Question

我有一个看起来像这样的 div：

<div class="Block Moveable Panel AddToWishlistLink" id="SideProductAddToWishList" style="display:">
<div class="BlockContent">
    <form name="frmWishList" id="frmWishList" action="null" method="get">
        <input type="hidden" name="action" value="add" />
        <input type="hidden" name="product_id" value="117" />
        <input type="hidden" name="variation_id" value="" class="WishListVariationId"/>
        <input type="submit" class="wishlist-button" value="Add to wishlist" alt="Add to Wish List" />
    </form>
</div>

我需要一个 JavaScript，它可以获取 product_id 的值，无论它可能是什么，并输入到名称和 ID 为“FormInput528”的隐藏输入中，以便所述隐藏输入的值更改为，在本例中为 117。我对 JS 还是很陌生，所以任何帮助都会很棒！谢谢！

Answer 1

我认为这（请注意我的评论）会对您有所帮助。

要获取隐藏字段的值：

var id = document.getElementById("product_id").value;

将其实施到另一个输入中...

var input = document.createElement("input");
input.setAttribute("type", "hidden");
input.setAttribute("value", id);
input.setAttribute("id", "FormInput528");
input.setAttribute("name", "FormInput528");

然后将您的输入附加到您的表单中：

document.getElementById("frmWishList").appendChild(input);

Answer 2

尝试：

var doc = document;
function E(e){
  return doc.getElementById(e);
}
function grabVal(name){
  return "<input type='hidden' id='FormInput528' name='FormInput528' value='"+ doc.getElementsByName(name)[0].value+"' />";
}
E('frmWishList').innerHTML += grabVal('product_id');

Answer 3

如果您使用的是 JQuery：

var product_id_val = $("#product_id").val();
$("#FormInput528").val(product_id_val);