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

时间:2017-01-10 08:57:34

标签: javascript php jquery mysql ajax

我在Autosave Selection Without Submit Button下面找到了代码,并在index.php和save_status.php页面编辑了一些代码。此代码管理将所选答案保存在数据库中,但只能逐个保存。

例如,参考下面的图像输出,在我选择ID为1的状态后,我需要先刷新页面,然后才能选择ID为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>

save_status.php

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

输出
enter image description here

0 个答案:

没有答案