更新表记录时，多个实例

Question

在我的网页我有多个形式都是一样的，因为这...

<form class='bill-upd'> 
    <input type='hidden' value='".$info['rand']."' name='rand2' id='rand2'> 
    <input type='hidden' value='".$info['id']."' name='billid' id='billid'> 
    Total <input type='text' id='total' name='total' /><br /> 
    Bill name<input type='text' id='bill-name' name='bill-name' /><br /> 
    bill descriptiion <input type='text' id='bill-description' name='bill-description' /><br /> 
    bill colour<input type='text' id='bill-colour' name='bill-colour' /> 
    <input type='button' value='submit' onClick='updateBill();' /> 
</form> 

然后我有我的AJAX为使

function updateBill() 
{ 
    $.post('update_bill.php', $('.bill-upd').serialize(), 
     function(data) { 
     $(this).append(data); 
    }); 
}; 

如果我在我的页面上有一个表单，这工作正常，但是当有多个实例时，我的同一个记录被覆盖，有人可以告诉我哪里出错了？

感谢

---

随着@Armatus和@Bricriu的帮助下，我得到它排序，答案标示工作，愣神忘记内的document.ready

Answer 1

您需要一种方法来指定您正在更新的帐单，否则它只需要全部这些帐单。这应该起作用，因为我们可以确定哪个按钮被点击是哪一个。

编辑：我个人绑定，即使使用jQuery，而不是的onClick元素本身：

$(".bill-upd input:submit").click(function(){ 
    var elem = $(this); 
    $.post('update_bill.php', elem.parent('.bill-upd').serialize(), 
     function(data) { 
     elem.append(data); 
    }); 
}); 

Answer 2

包裹它如果其他形式的有同样的类.bill-upd javascript .serlialize()也会从中获取值。确保其他表格有替代课程。

什么会更好，如果你给了形式独特的ID是如id="billform"，然后用$('#billform').serialize()替换$('.bill-upd').serialize()。

希望这会有所帮助。

编辑：

使用此：

$(this).parent('.bill-upd').serialize() 

序列化的是它被点击父。