我使用ajax直接编辑表中的数据。我想在编辑之前显示一个确认框。用户只需单击一个字段,然后他就可以编辑。如果他让空白,则会弹出警报。现在我想在编辑完成后显示一个确认框。这就是我被困的地方。看看我的代码。
<tr>
<th cursor:pointer">NomFaculte</th>
<th cursor:pointer">Adresse</th>
</tr>
<?php
while($row=mysqli_fetch_array($resa))
{
?>
<tr class="edit_tr">
<td class="edit_td" id="<?php echo $row['id']; ?>">
<span id="Adresse_<?php echo $row['id']; ?>" class="text"><?php echo
$row['Adresse']; ?></span>
<input type="text" value="<?php echo $row['Adresse']; ?>" class="editbox"
id="Adresse_input_<?php echo $row['id']; ?>"/>
</td>
<td class="edit_td" id="<?php echo $row['id']; ?>">
<span id="NomDroyen_<?php echo $row['id']; ?>" class="text"><?php echo
$row['NomDroyen']; ?></span>
<input type="text" value="<?php echo $row['NomDroyen']; ?>"
class="editbox" id="NomDroyen_input_<?php echo $row['id']; ?>"/>
</td>
$(document).ready(function()
{
$(".edit_td").click(function()
{
document.getElementById('user_insert').style.display="none";
var ID=$(this).attr('id');
$("#Adresse_"+ID).hide();
$("#NomDroyen_"+ID).hide();
$("#Adresse_input_"+ID).show();
$("#NomDroyen_input_"+ID).show();
}).change(function()
{
var ID=$(this).attr('id');
var Ad=$("#Adresse_input_"+ID).val();
var NomD=$("#NomDroyen_input_"+ID).val();
var dataString = 'id='+ ID +'&Adresse='+Ad+'&NomDroyen='+NomD;
if(Ad.length>0&& NomD.length>0)
{
$.ajax({
type: "POST",
url: "faculte_modifier.php",
data: dataString,
cache: false,
success: function(html)
{
$("#Adresse_"+ID).html(Ad);
$("#NomDroyen_"+ID).html(NomD);
$("#NombreEtudiants_"+ID).html(NombEtu);
}
});
}
else
{
alert('Don't let this field empty !.');
}
});
// Edit input box click action
$(".editbox").mouseup(function()
{
return false
});
// Outside click action
$(document).mouseup(function()
{
$(".editbox").hide();
$(".text").show();
document.getElementById('user_insert').style.display="block";
});
});
答案 0 :(得分:1)
if(confirm('Are you sure?')) {
$.ajax({
type: "POST",
url: "faculte_modifier.php",
data: dataString,
cache: false,
success: function (html)
{
$("#Adresse_" + ID).html(Ad);
$("#NomDroyen_" + ID).html(NomD);
$("#NombreEtudiants_" + ID).html(NombEtu);
}
});
}
答案 1 :(得分:0)
您可以使用以下confirm()方法。
if (confirm('Are sure you want to edit')) {
alert('confirmed');
// do your stuff here;
}