Javascript JQuery表单注入未出现在提交中

我遇到了一个问题，在创建表单后使用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>

---

所以产品id总是显示出来，但数量永远不会出现。这是为什么？我如何修复它？

您的追加缺少输入的结束符

，请参阅：

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

（“#购买#数量(折扣)”）
.append（'quantity:我建议将
id
s添加到您的输入中，并以这种方式获取值。
从我看到的情况来看，您的示例代码中有几个输入错误。请看一下这个JSFIDLE

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

问题是：
这是一个错误，是我的帖子，不能解决问题。嗯，好吧，试着把你的整个
append
包装成一个，标记看起来还是有点不对劲：）不，仍然不是。可能是
$('#' + 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);

});

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