將頁面上的數據存儲到變量使用JavaScript/JQuery

Question

所以我試圖將數據存儲到頁面上的變量時，單擊按鈕，有多個按鈕，它需要存儲該特定按鈕的數據。這些按鈕中的每一個嵌套在<form onsubmit></form>內，我需要額外的所有數據都位於此表單中的不同<input>和<div>標籤中。所以使用javascript或jquery如何選擇特定值和標籤。所以，當按鈕被點擊時，它會將此產品添加到購物車，我想獲取產品編號，價格和數量，並將它們存儲到我自己的變量中。當按鈕被點擊論壇調用的onsubmit =「ShoppingCartAddAJAX（本）;所以我想這個數據存儲在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(); 
}