Question

我遇到了一个问题，我在使用JQuery创建后将输入添加到表单中。初始表单如下所示：

<form class="purchase-product" >
<div id="purchase_quantity_discounts"></div>
<input type="hidden" name="product_id" value="1" id="label" >
<input type"button" name "submitme" id="product-quantity-button"></button>
</form>

用于附加的JQuery

$('#purchase_quantity_discounts').append('Quanity: </strong> <input type="text" name="quantity" placeholder="Enter Quantity" value="1" />');

现在我想要获得这个数量：

$('#' + purchase_page).on('click', '#product-quantity-button', function() {
  var formData = Utilities.parseForm(".purchase-product");
  var amount = formData.quantity;
  var product_id = formData.product_id;

  alert(amount);
  alert(product_id);

});

所以product_id总是显示但数量永远不会出现。这是什么，我该如何解决？

Answer 1

您的附件缺少输入的结束>，请参阅：

('#purchase_quantity_discounts')
    .append('Quanity: </strong> <input type="text" name="quantity"
        placeholder="Enter Quantity" value="1" /'); //> needed before the ')

Answer 2

我建议您在输入中添加id s并以此方式获取值。

Answer 3

从我看到的，您的示例代码中有几个拼写错误。看看这个有效的jsFiddle。

不确定您正在使用Utilities.parseForm的表单解析实用程序，但我已使用jQuery重新创建了该功能

这是小提琴：http://jsfiddle.net/pavsaund/Pt2R2/2/

JQuery表单注入不会出现在提交中

3 个答案: