如何使用javascript警报删除记录

时间:2015-07-03 16:41:51

标签: javascript php mysql

我使用php从mysql表中检索了一条记录。使用表单和删除按钮检索每条记录。用户应该单击删除按钮,然后删除该行上的记录。问题是我想在删除之前显示警告,我该怎么做,因为要删除的记录有一个ID存储在每个表单内的隐藏字段中。我在下面找到的表格;

echo'<tr><td>'.$sn.'</td>
  <td>'. htmlspecialchars($r['Year']).'</td>
  <td><form method="post" action="awardyear.php">
     <input type="hidden" name="yearId" value="'.$r['YearID'].'"/>
  </form>
  </td>
  <td><form method="post" id="awardForm" action="awardyear.php">
      <input type="hidden" name="yearId" value="'.$r['YearID'].'"/> 
      <input type="submit" name="deleteYear" class="btn btn-danger" value="Delete">
      </form></td>
      </tr>';

任何帮助将不胜感激,谢谢。

4 个答案:

答案 0 :(得分:0)

将表单更改为链接,并使用JS在确认时重定向到删除页面。

HTML:

<a href='#' onclick='areYouSure("awardyear.php?deleteYear=Delete&amp;yearId=$YearID")'>DELETE</a>

Javascript功能:

function areYouSure(location) {
    if(confirm("Are you sure you want to delete this entry?")) {
        document.location.href = location;
        return true;
    } else return false;
}

答案 1 :(得分:0)

试试..

echo'<tr><td>'.$sn.'</td>
  <td>'. htmlspecialchars($r['Year']).'</td>
  <td><form method="post" action="awardyear.php">
     <input type="hidden" name="yearId" value="'.$r['YearID'].'"/>
  </form>
  </td>
  <td><form method="post" id="awardForm" action="awardyear.php">
      <input type="hidden" name="yearId" value="'.$r['YearID'].'"/> 
      <input onclick="return myConfirm();" type="submit" name="deleteYear" class="btn btn-danger" value="Delete">
      </form></td>
      </tr>';

//这个

的Java脚本
function myConfirm() {
  var result = confirm("Want to delete?");
  if (result) {
   return true;
  } else {
   return false;
  }
}

答案 2 :(得分:0)

试试这个

<强> HTML

echo'<tr><td>'.$sn.'</td>
<td>'. htmlspecialchars($r['Year']).'</td>
<td><form method="post" action="awardyear.php">
 <input type="hidden" name="yearId" value="'.$r['YearID'].'"/>
</form>
</td>
<td><form onsubmit="return deleteThis();" method="post" id="awardForm" action="awardyear.php">
  <input type="hidden" name="yearId" value="'.$r['YearID'].'"/> 
  <input type="submit" name="deleteYear" class="btn btn-danger" value="Delete">
  </form></td>
  </tr>';

<强> JAVASCRIPT

function deleteThis(){
   if(confirm("Are you sure you want to delete?")){
        return true;
   }else{
        return false;
   }
}

答案 3 :(得分:0)

使用此功能在删除前提醒

$('#awardForm').find('.btn-danger').on('click',function(){
    var hiddenValue = $("input[name='yearId']").val();
    alert('You sure want to delete '+hiddenValue+' ?'); 
});