php - 多个实例时使用 PHP AJAX 更新表记录

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 绑定(bind)事件，而不是元素本身的 onClick:

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