jquery從相同的形式選擇值

Question

我正在教我的自我php和mysql.I創建一個小型商業網站來測試我的技能。 我網頁上多發的形式這樣

<div class="formInfo"><form name="CartForm" method="post" action="./ajax/addCart.php" class="fixed"> 
<input name="prodId" type="hidden" value="10" /> 
    <label for="qty">Quantity:</label> 

    <input name="qty" type="text" id="qty" size="4" maxlength="6" class="qtyBox"> 
    <br> 
    <input type="submit" name="addtoCart" id="addtoCart" value="Add to Cart" class="btnAdd"> 
</form> 



<div class="formInfo"><form name="CartForm" method="post" action="./ajax/addCart.php" class="fixed"> 
<input name="prodId" type="hidden" value="7" /> 
    <label for="qty">Quantity:</label> 

    <input name="qty" type="text" id="qty" size="4" maxlength="6" class="qtyBox"> 
    <br> 
    <input type="submit" name="addtoCart" id="addtoCart" value="Add to Cart" class="btnAdd"> 
</form> 


<div class="formInfo"><form name="CartForm" method="post" action="./ajax/addCart.php" class="fixed"> 
<input name="prodId" type="hidden" value="9" /> 
    <label for="qty">Quantity:</label> 

    <input name="qty" type="text" id="qty" size="4" maxlength="6" class="qtyBox"> 
    <br> 
    <input type="submit" name="addtoCart" id="addtoCart" value="Add to Cart" class="btnAdd"> 
</form> 

現在，當我點擊透過按鈕，我想顯示隱藏域ID和可見光領域QTA的值（目前點擊形式） 到目前爲止我的代碼是

<script type="text/javascript"> 
$(document).ready(function(e) { 
    $('.formInfo').submit(function() { 
     alert($(this).val()) 
    }); 
}); 
</script> 

我不out.How告訴jQuery的，我想「ID」和「本」參考參考自身

Answer 1

正如在以前的答案表示ID應該是唯一的，你需要綁定提交的表格，一個div，你可以通過他們的名字從表單元素來訪問模板件

$(document).ready(function(e) { 
    $('.formInfo form').submit(function() { 
     alert(this.prodId.value); 
     alert(this.qty.value); 
    }); 
}); 

FIDDLE

Answer 2

首先不是值「數量」的值，你不能在同一個HTML文檔中有多個元素w ith相同的id。您必須將其更改爲qty1和qty2之類的內容。 您將活動綁定到<div>，而不是表單。您還需要選擇輸入元素。試試這個：

$(document).ready(function(e) { 
    $('.formInfo form').submit(function() { 
     $("input[type=hidden],input[name=qty]",this).each(function(){ 
      alert($(this).val()); 
     }); 
    }); 
});