Javascript 从下拉菜单中选择后连续自动保存数据

我找到了下面的代码，并在index.php和save_status.php页面编辑了一些代码。此代码可将所选答案保存在数据库中，但只能逐个保存

例如，参考下面的图像输出，在我选择ID no 1的状态后，我需要刷新页面，然后才能选择ID no 2、3的状态，依此类推

是否有任何东西可以添加或编辑到我的代码中，以便我可以连续选择每个ID的状态，而无需刷新或进行任何操作

index.php

<script>
    $(document).ready(function() {
        $('select.status').on('change',function () {
            var decision = $(this).val();
            var id = $('td.myid').html();
            $.ajax({
                type: "POST",
                url: "save_status.php",
                data: {decision : decision, id: id },
                success: function(msg) {
                    $('#autosavenotify').text(msg);
                }
            })
        });
    });
</script>

<div id='autosavenotify'></div>
<td class='myid'><?php echo $row ['id']; ?> </td>   
<td>
    <select class='status' required>
        <option value='' selected> Pending </option>
        <option value='1'> Approve </option>
        <option value='2'> Reject </option>
    </select>";
</td>

输出

---

但“但只能逐个保存”表示出现了一个阻止进一步保存的错误。行varid=$（'td.myid'）.html（）；看起来不正确-返回的值是多少？数据库实际更新了吗？@jeff yes，行vard id=$（'td.myid'）.html（）；返回id值并更新数据库。更新ID no.1后，它会更新。然后我想更新ID no 2，什么也没发生。它不再更新将jQuery error/fail函数添加到结果中，并在autosavenotify div中显示。消息是什么？@Jeff抱歉，我没有真正理解你的意思。您能进一步解释一下吗？“但只能逐个保存”表示发生了一个错误，阻止了进一步保存。行varid=$（'td.myid'）.html（）；看起来不正确-返回的值是多少？数据库实际更新了吗？@jeff yes，行vard id=$（'td.myid'）.html（）；返回id值并更新数据库。更新ID no.1后，它会更新。然后我想更新ID no 2，什么也没发生。它不再更新将jQuery error/fail函数添加到结果中，并在autosavenotify div中显示。消息是什么？@Jeff抱歉，我没有真正理解你的意思。你能进一步解释一下吗？

$decision=$_POST['decision'];
$id=$_POST['id'];
$query = "UPDATE leaves_apply SET status='$decision' WHERE id='$id'";
$resource = mysql_query($query) or die (mysql_error());