Javascript jQuery返回[object HTMLInputElement]，而不是.val（）中的字符串

我正在使用jQuery动态生成一些输入字段和按钮。我为这些元素提供了一个ID属性，它们也是使用算法动态生成的：

// Where menuItem is a string (ex. 'Child Admission' -> 'Child_AdmissionQuantity')
var quantityId = menuItem.replace(' ', '_') + 'Quantity'; 

然后，我使用相同的算法使用jQuery选择字段，并尝试获取输入字段的值：

// Get Reference to the quantity field
    var quantityId = '#' + menuItem.replace(' ', '_') + 'Quantity';
    console.log("quantityId: " + quantityId);

    // Get the Value of the field
    var quantity = $(quantityId).val();

jQuery不返回字符串，而是返回[object HTMLInputElement]

以下是创建表单字段的方法：

function processMenuItem(menuItem) {
    // Generate a quantityId
    var quantityId = menuItem.replace(' ', '_') + 'Quantity';
    console.log("menuItem: " + menuItem + "\n"
                    + "quantityId: " + quantityId + "\n");

    // Generate a Menu Item Option
    var menuItemOption = '<div class="product">'
                            + '<div class="productName">' + menuItem + '</div>'
                            + '<div class="quantity">'
                            + '<input type="text" name="quantity" id="' + quantityId + '" placeholder="2" />'
                            + '</div>'
                            + '<button type="button" onclick="addItem(\'' + menuItem + '\')">Add Item</button>'
                            + '</div><!-- End of .product -->';

    // Add the Option to the Menu
    $('#displayMenu').append(menuItemOption);
}

我需要表单处理的实际值，有人知道解决方法吗

---

谢谢

你能分享更多关于这个问题的细节吗。。。因为它应该很好用。。。您可以记录$quantityId的值并查看什么是loggedquantityId:Child_AdmissionQuantity-控制台的直接副本。HTML输出：儿童许可-[object HTMLInputElement]您是否使用本机API获得相同的值-document.QuerySelector QualtityId.value？@Matt我问的是console.log$quantityId，$quantityId.get-选择器的结果似乎很好…@Matt上面附带的提琴似乎工作正常。。。你能试着在那里重现这个问题吗