2011-12-22 162 views
2

我有一个小问题,基本上我有一个隐藏的输入按钮,它是从数据库表中加载一个唯一值:<input type="hidden" name="ProductId" class="ProductId" value='.$row["ProductId"].' />此按钮重复根据有多少行分配唯一的ID到<input>按钮,并阅读它使用jquery

while ($row = $result->fetch()) { 
    echo '<table class="cart-row" cellspacing="0" cellpadding="0" width="100%">'; 
    echo '<tbody>'; 
    echo '<tr>'; 
    echo '<td width="75"><img border="0" width="59px" height="78px" title="" alt="" src=' . $row["ImagePath"] .'></td>'; 
    echo '<td width="203"><span class="itemElements itemName">'. $row["Name"] .'</span></td>'; 
    echo '<td width="203"><input type="submit" class="btnMinus linkbtnType2" value="-"><input type="submit" class="btnPlus linkbtnType2" value="+"></td>'; 
    echo '<td width="135"><span class="qtyNum">('. $row["Qty"] .')</span> <br />'; 
    echo '<input type="hidden" name="ProductId" class="ProductId" value='.$row["ProductId"].' />'; 
    echo '<span class="qtyRemoveLink"><input type="submit" class="btnRemove linkbtn" value="Remove"></td>';        
    echo '<td width="180"><span class="itemElements orderStatus">In Stock Usually dispatched within 24 hours</span></td>'; 
    echo '<td width="175" class="itemPriceRow"><span id="itemPrice">€ '. $row["Price"] .'</span></td>'; 
    echo '</tr>'; 
    echo '</tbody>'; 
    echo '</table>'; 
    echo '<br>';        
} 

im使用一个jQuery方法使用读取来自隐藏按钮但是它仅读取来自所产生的第一输入按键的值该值:通过该方法返回。我尝试将ID从一个ID改为一个类,但没有运气。

这是jQuery的方法:

$('.btnRemove').click(function() { 
    var productId = $(".ProductId").val(); 
    $.ajax({ 
     type: "POST", 
     url: "functions/deleteCartItem.php", 
     data: "productId="+productId+ "", 
     success: function(msg){ 
      alert(msg); 
     } 
    }) 
}) 

一个可能的解决方案,我能想到的是一个独特的id添加到每个按钮,以便它们可以被识别,不仅名字,但也id。然而,这在从jQuery方法中读取时会产生问题。

任何想法?

回答

1

尝试:

var productId = $(this).closest('tr').find(".ProductId").val(); 

this$('.btnRemove')的DOM元素。

jQuery(this).closest("tr")我们旅行了DOM树搜索第一tr元素。

从这里我们搜索.ProductId

安德烈亚斯

+0

欢呼队友它的工作原理...良好的思维BTW) – 2011-12-22 09:57:19

1

你在你的假设是正确的,这是因为你被类,这是造成问题的参考。你var productId = $(".ProductId").val();将返回所有.ProductId元素的数组,并val()只会返回第一项的值。

要解决这个问题,你需要获得.ProductId元件,它在作为.btnRemove元素造成的单击事件,像这样同一容器:

$('.btnRemove').click(function() { 
    var productId = $(this).closest("td").find(".ProductId").val(); // amended selector 
    $.ajax({ 
     type: "POST", 
     url: "functions/deleteCartItem.php", 
     data: "productId="+productId+ "", 
     success: function(msg){ 
      alert(msg); 
     } 
    }) 
}) 
0

你应该尝试:

var productId = $(this).closest('tr').find("input[name=ProductId]").val(); 
1

它不会返回正确的值,请尝试类似于

var productId = $(this).parent().find(".ProductId").val(); 

var productId = $(this).parent().children(".ProductId").val(); 

var productId = $(this).prev(".ProductId").val(); 

var productId = $(this).siblings(".ProductId").val(); 

小提琴:http://jsfiddle.net/fwM3T/

+0

'closest'只会处理父母,而不是你的第二个版本,“兄弟姐妹”是一个更好的选择。 – kapa 2011-12-22 09:27:04

+0

更新了代码..希望所有人都能工作.. – 2011-12-22 09:37:14

相关问题