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的值，它可能是什么，并输入一个名为“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

如果你正在使用JQuery：

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

Answer 3

尝试：

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');

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

3 个答案: