我在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());