Javascript PHP-将隐藏值传递到jquery中 $（文档）.ready（函数（）{ $（“.buttonPromptConfirmDeleteDepartment”）。单击（函数（）{ var departmentID=$（'input#departmentID'）.val（）；警报（部门ID）； }); }); 身份证件部门行动删除_Javascript_Php_Jquery_Html_Mysql

Javascript PHP-将隐藏值传递到jquery中 $（文档）.ready（函数（）{ $（“.buttonPromptConfirmDeleteDepartment”）。单击（函数（）{ var departmentID=$（'input#departmentID'）.val（）；警报（部门ID）； }); }); 身份证件部门行动删除

javascript php jquery html mysql

Javascript PHP-将隐藏值传递到jquery中 $（文档）.ready（函数（）{ $（“.buttonPromptConfirmDeleteDepartment”）。单击（函数（）{ var departmentID=$（'input#departmentID'）.val（）；警报（部门ID）； }); }); 身份证件部门行动删除,javascript,php,jquery,html,mysql,Javascript,Php,Jquery,Html,Mysql,无需使用隐藏输入，只需使用按钮标记即可： <html> <head> <link rel="stylesheet" href="js/jquery-ui-themes-1.11.1/themes/smoothness/jquery-ui.css" /> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <script type="text/java

无需使用隐藏输入，只需使用

按钮

标记即可：

<html>
<head>
<link rel="stylesheet" href="js/jquery-ui-themes-1.11.1/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.1/jquery-ui.js"></script>
<script>
$(document).ready(function(){
    $(".buttonsPromptConfirmDeleteDepartment").click(function(){
        var departmentID = $('input#departmentID').val();
        alert(departmentID);
    });
});
</script>
</head>

<body>
<?php
//db connection

$query = "SELECT * 
          FROM department 
          ORDER BY dept_ID ASC";
$result = mysqli_query($dbc, $query);
$total_department = mysqli_num_rows($result);

if($total_department > 0)
{
?>

<table width="600" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
    <tr>
      <td width="80" align="center">ID</td>
      <td width="300" align="center">Department</td>
      <td width="220" align="center">Action</td>
    </tr>   
<?php        
    while($row = mysqli_fetch_array($result))
    {
?>
      <tr>
        <td align="center"><?php echo $row['dept_ID']; ?></td>
        <td align="center"><?php echo $row['dept_name']; ?></td>
        <td>
          <button class="buttonsPromptConfirmDeleteDepartment">Delete</button>
          <input type="hidden" id="departmentID" value="<?php echo $row['dept_ID']; ?>" />    
        </td>
      </tr>
<?php
   }
?>
  </table> 
<?php
}
?>

注意：不要忘记

标签

附加说明：不要忘记使用准备好的语句：

改变

$sql = 'DELETE FROM department WHERE dept_ID = ?';
$stmt = $dbc->prepare($sql);
$stmt->bind_param('i', $id);
$stmt->execute();
// some idea, use error checking when necessary
// $dbc->error

id=“部门id”

到

class=“departmentID”和

改变

$sql = 'DELETE FROM department WHERE dept_ID = ?';
$stmt = $dbc->prepare($sql);
$stmt->bind_param('i', $id);
$stmt->execute();
// some idea, use error checking when necessary
// $dbc->error


$（文档）.ready（函数（）{
$（“.buttonPromptConfirmDeleteDepartment”）。单击（函数（）{
var departmentID=$（'input#departmentID'）.val（）；
警报（部门ID）；
});
});

到


$（文档）.ready（函数（）{
$（“.buttonPromptConfirmDeleteDepartment”）。单击（函数（）{
var departmentID=$（this.next（'input.departmentID'）.val（）；
警报（部门ID）；
});
});

首先，while循环中的dept\u id，您对所有dept使用相同的id。。另一件事是，您可以通过使用jquery单击按钮来获取部门id。。像这样

$（'.buttonPromptConfirmDeleteDepartment'）。单击（函数（）{
dept_id=$（this.next（'input'）.val（）；
})

循环中必须有

类

而不是

id

。由于许多

id

属性具有相同的值，它将始终选择第一个匹配的

id

元素。此外，id是全局的，最好避免。

$sql = 'DELETE FROM department WHERE dept_ID = ?';
$stmt = $dbc->prepare($sql);
$stmt->bind_param('i', $id);
$stmt->execute();
// some idea, use error checking when necessary
// $dbc->error

<script>
$(document).ready(function(){
   $(".buttonsPromptConfirmDeleteDepartment").click(function(){
    var departmentID = $('input#departmentID').val();
    alert(departmentID);
   });
});

 <script>
 $(document).ready(function(){
    $(".buttonsPromptConfirmDeleteDepartment").click(function(){
    var departmentID = $(this).next('input.departmentID').val();
    alert(departmentID);
 });
 });