javascript - JQuery 表单注入(inject)未出现在提交中

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