你能为表中的行设置一个值吗?

时间:2013-02-24 00:46:12

标签: php jquery html

我想为从我的数据库生成的每个行(tr)设置一个行值。所以,假设我生成了下表:

while ($row = $database->fetch_array($result))
{
$i=1-$i;
$class = "row".$i;


echo "<tr class='{$class} productId' id='{$row['productId']}'>

<td > ". $row['category']."</td>
<td >" . $row['productNo']. "</td>
<td>" . $row['productName'].  "</td>
<td class='edit'>" . intval($row['quantity']).  "</td>
 <td>" . $row['sfLf'].  "</td>
<td>".  $row['cost']. "</td>
<td>".  $row['total']."</td>
  </tr>";
}

这里我试图通过id属性传递productId值但不幸的是,当我尝试在以下脚本中检索时,所有行的id保持不变:

$(".productId").click(function() {
    $.ajax({
        type: "POST",
        url: "populateInventory.php",
        data: "productId="+$(".productId").attr('id'),
        success: function(msg){
          $("#invHistoryTable").html(msg);
        }
    }); 

如何使用上面的ajax命令将正确的productId值传递到我的php页面? 谢谢

1 个答案:

答案 0 :(得分:1)

您正在使用post方法但是您正在发送字符串。你应该发送一个键/值对,同时attr返回jQuery集合中第一个选定元素的ID,而不是触发事件的元素,你可以使用引用被点击元素的this关键字

$(".productId").click(function(event) {
    // event.preventDefault();
    $.ajax({
        type: "POST",
        url: "populateInventory.php",
        data: { productId: this.id } ,
        success: function(msg){
          $("#invHistoryTable").html(msg);
        }
    }); 
})