使用javascript点击编辑按钮时如何弹出消息

时间:2017-08-29 11:19:00

标签: javascript php jquery html

我想在我的php页面上按下编辑按钮时弹出消息框。确认后应将数据传递给编辑页面。现在数据正在解析以编辑页面而不显示消息。请帮我解决这个问题。

<?php
include 'connection.php';
//var_dump($_POST['search']);
$query= "select * from computer where lab_no like '%".$_POST["search"]."%'";
//var_dump($query);
$output='';
$result=  mysqli_query($conn, $query);
if(mysqli_num_rows($result)>0){

    $output.='
        <table class = "table table-bordered table-hover">
            <tr>
                <th style="text-align:center">Computer Number</th>
                <th style="text-align:center">Computer Name</th>
                <th style="text-align:center">Brand</th>

                <th style="text-align:center">Edit</th>
                <th style= "text-align:center">Delete</th>
            </tr>';

    while($row= mysqli_fetch_array($result)){
        $output.='
               <tr>
               <td style= "text-align:center">'.$row["token_number"].'</td>
                 <td  style="text-align:center">'.$row["com_name"].'</td>
                 <td style="text-align:center">'.$row["brand"].'</td>
                  <td style="text-align:center"><a href=../htdocs/add-com_edit.php?com_num=' . $row["token_number"] . ' \"onclick=\"return confirm("Are You Sure to Update this Record?");\"><span class="btn-success form-control" style="text-align:center">Edit</span></td> 
                 <td style="text-align:center"><a href=\"../htdocs/po_edit.php?ponum=" . $row["token_number"] . "\" onclick=\"return confirm("Are You Sure to Delete this Record?");\"><span class="btn-danger form-control" style="text-align:center">Delete</span></td> 


                <tr/>';

    }
    echo $output;

      $output.='</table>';

}else{
    echo"No Data Found!";
}
?>

5 个答案:

答案 0 :(得分:0)

您要找的是确认对话框。根据选择,您可以停止提交

$('form').submit(function(event){
    if(!confirm('are you sure?')){
        event.preventDefault();
        return false;
    }
});

https://jsfiddle.net/2hckck96/

答案 1 :(得分:0)

1st:删除不必要的转义字符。

第二名:错过了为href属性启动双引号。

代码:最终代码应为。

echo '<td style="text-align:center"><a href="../htdocs/add-com_edit.php?com_num=' . $row["token_number"] . '" onclick="return confirm(\'Are You Sure to Update this Record? \');"><span class="btn-success form-control" style="text-align:center">Edit</span></td>';

答案 2 :(得分:0)

通常您希望将HTML和Javascript分开,因此我建议您不要使用内联事件处理程序,而是在 EDITLINK 上添加,添加一个事件监听器。

您的Edit链接已动态创建,因此您需要Delegate Event

请在下面找到如何操作的示例

$('body').on('click', '.EDITLINKCLASS', function () {
   if (!confirm('Are you sure?')) e.preventDefault();
});

这比内联处理程序更有效。

答案 3 :(得分:0)

使用jQuery

  1. 将类添加到链接

    <a href="#" class="lnkDelComp">Delete</a>

  2. 添加jQuery

    <script>
    $(document).ready(function(){
        $('.lnkDelComp').each(function(){
            $(this).click(function(){
                var comNum = $(this).closest('tr').('td:eq(0)').text();
                var ask = confirm("Are you sure you want to delete "+comNum+"?");
                if(ask){
                    window.location = "/path/to/add-com_edit.php?com_num="+comNum;
                }
                else{
                    alert("You have cancelled!");
                }
            });
        });
    });
    

答案 4 :(得分:0)

试试这个

<td style=\"text-align:center\"><a href=\"../htdocs/add-com_edit.php?com_num=".$row["token_number"]."\" onclick=\"return confirm('Are You Sure to Update this Record?');\"><span class=\"btn-success form-control\" style=\"text-align:center\">Edit</span></td>