使用Javascript / JQuery将页面上的数据存储到变量中

Question

因此，我试图在单击按钮时将数据存储到页面上的变量中，因为有多个按钮，并且它需要存储该特定按钮的数据。 这些按钮中的每个按钮都嵌套在<form onsubmit></form> ，我需要添加的所有数据都在此表单内的不同<input>和<div>标记中。 因此，使用javascript或jquery如何选择特定和标记的值。 因此，当单击该按钮时，它将此产品添加到购物车中，我想获取productNumber，价格和数量并将其存储到我自己的变量中。 当单击按钮时，论坛将调用onsubmit =“ ShoppingCartAddAJAX（this）;；因此，我想将此数据存储在ShoppingCartAddAJAX函数中。

这是页面上的表单之一。

<form method="post" name="addtocart-501" onsubmit="ShoppingCartAddAJAX( this ); return false;">
    <input type="hidden" name="formName" value="ShoppingCartAddAJAX" />
    <input type="hidden" name="productNumber" value="758201" />
    <input id="qtyproduct" type="hidden" class="hiddenqty" name="dmst_Qty_2805" value="1" />
                    <div class="price">  
                        <div class="pricenew singleprice">
                            $7.99
                        </div>
                    </div>
                </a>

            </div>
        </div>
    </li>
</form>

因此，我一直在尝试通过类似的方式获取此数据。

var pn = $('input[name$="productNumber"]').val();
var qty = $('input[id$="qtyproduct"]').val();

在我的javascript文件中，该函数如下所示：

function ShoppingCartAddAJAX(formElement, productNumber) {

var pn = $('formElement.input[name$="productNumber"]').val();
var aa = $('formElement[name$="productNumber"]').val();
var qty = $('input[id$="qtyproduct"]').val();
}

但是还有更多代码...仅显示该函数正在传递formElement和productNumber。

但这给了我页面上第一个产品的产品编号和数量，我需要用户决定点击哪个按钮的数据，页面上不仅有一个，而且还有多个。 我希望单击按钮并触发该功能后，可以找到一种方法，查看它来自哪个论坛，然后提取该数据。 我还希望能够获得价格，但它存储在<div class="pricenew singleprice"> $7.99</div> 。

任何帮助是极大的赞赏。

Answer 1

您将获得第一条记录的产品编号和数量，因为您在表单中有多个输入字段，名称为productNumber （根据您的描述）。 因此，这里发生的基本上是当您调用$('input[name="productNumber"]').val() jQuery返回第一个输入字段的值时。 而是在ShoppingCartAddAJAX函数中执行类似的操作。

function ShoppingCartAddAJAX(form)
{
    // Find child an element inside our form with the id of "qtyproduct"
    // I used "find("#qtyproduct")" method so it searches anything nested inside your specific form element
    // You can use "children("#qtyproduct")" method also

    var qty = $(form).find("#qtyproduct").val();
    var pn  = $(form).find("input[name='productNumber']").val();
    var pp  = $(form).find(".pricenew.singleprice").text();
}