【发布时间】：2019-07-03 23:29:20
【问题描述】：
我的数据库中有一个包含数据值的表
<?php
try {
$pdo = new PDO('mysql:host=localhost:3306;dbname=insulation;', 'root', 'admin');
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$stmt = $pdo->prepare(" SELECT * from tbl_assessment WHERE employeeName = :employeeName");
$flag = $stmt->execute();
if (!$flag) {
$info = $stmt->errorInfo();
exit($info[2]);
}
while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
@$tbody1.= '<tr>';
$tbody1.= '<input type="hidden" id="id' . $row["id"] . '" value="' . $row["id"] . '"/> ';
$tbody1.= '<input type="hidden" id="emp_name' . $row["id"] . '" value="' . $_SESSION['emp_name'] . '"/> ';
$tbody1.= '<input type="hidden" id="teamCode' . $row["id"] . '" value="' . $_SESSION['teamCode'] . '"/> ';
$tbody1.= '<input type="hidden" id="sectionCode' . $row["id"] . '" value="' . $_SESSION['sectionCode'] . '"/> ';
$tbody1.= '<input type="hidden" id="sample"/>';
$tbody1.= '<section="editable" contenteditable="false">';
//$tbody1 .='<td style="height:30px" id="id" class="id" nowrap >'.$row["id"].'</td>';
$tbody1.= '<td style="height:30px;font-weight:bold;" id="date" class="date" >' . $row["date"] . '</td>';
$tbody1.= '<td style="height:30px" contenteditable="false" id="staff' . $row["id"] . '">' . $row["staffName"] . '</td>';
$tbody1.= '<td style="height:30px" contenteditable="false" id="findings' . $row["id"] . '">' . $row["findings"] . '</td>';
$tbody1.= '<td style="height:30px" contenteditable="false" id="action' . $row["id"] . '">' . $row["action"] . '</td>';
$tbody1.= '<td style="height:30px" contenteditable="false" id="accomplished' . $row["id"] . '">' . $row["date_accomplished"] . '</td>';
@$tbody1.= '</section>';
$tbody1.= '<td><button class="btn btn-warning px-3" id="btnEdit" style="color:black;font-weight:bold;" title="Edit"><i class="fas fa-edit" aria-hidden="true"></i></button><button class="btn btn-danger px-3" id="btnDelete" style="color:black;font-weight:bold;" title="Delete"><i class="fas fa-trash" aria-hidden="true"></i></button></td>';
@$tbody1.= '</tr>';
}
}
catch(PDOException $e) {
echo $e->getMessage();
$pdo = null;
}
?>
为了让用户在表中添加数据，我有一个带有文本框的表单，当单击按钮保存时将保存到数据库：
<div class="container-fluid" style="background-color:grey;">
<form action="update_assesment.php" method="post">
<center>
<input type="hidden" value="<?php echo $_SESSION['emp_name']; ?>" id="emp_name"></input>
<input type="hidden" value="<?php echo $_SESSION['teamCode'];?>" id="teamCode" />
<input class="" placeholder="DATE" id="startDate" type="date" style="margin-left:20px;margin-right:20px;font-size:19px;" />
<input class="" placeholder="Staff/s name" id="staffName" type="text" style="margin-left:20px;margin-right:20px;font-size:19px;" autofocus/>
<input id="findings" style="margin-left:20px;margin-right:20px;font-size:19px;" placeholder="Findings" class=""></input>
<input placeholder="Action taken" id="actionTaken" class="" style="margin-left:20px;margin-right:20px;font-size:19px;"></input>
<input type="date" id="dateAccomplished" class="" style="margin-left:20px;margin-right:20px;font-size:19px;"></input>
<button type="" class="btn btn-info" id="btnAdd"><i class="fas fa-plus" aria-hidden="true"></i> ADD</button>
</center>
</form>
</div>
现在您可以在我的表格中看到它有一个 EDIT 按钮。我想在单击按钮编辑时在文本框中显示数据行值，以编辑其上的值。按钮保存也将显示在表单中以保存文本框中的更改..
我知道如何制作用于按钮保存的 ajax，我唯一不知道的是如何将表格中的数据值显示到文本框..
提前致谢。
编辑： 我试图获取表行的值并在单击 btnEdit 时对其进行控制台：
$(document).on('click','#btnEdit',function(){
var $row = $(this).closest("tr"); // Find the row
var $tds = $row.find("td");
$.each($tds, function() {
console.log($(this).text());
});
});
如何将此值显示到文本框中以进行更新。
【问题讨论】：
-
每个对象都应该有一个唯一的 ID 属性。您正在为每一行中的 INPUT 分配相同的 ID。您需要将行号（或其他唯一 ID）添加到每行中的每个 ID。然后，当您从 AJAX 调用中获取数据时，您可以识别和引用特定的列/行对象。
-
你能告诉我如何做到这一点吗？
-
定义输入语句的位置，将其从 ``` id="date" `` 更改为类似于 `` id="date'.$rowno.'"
. Add a var$rowno = 0;``` 并在每次循环时递增（即$rowno++;）。 -
但我的 td 有一个 id="date" 而我的输入有一个 id="startDate" 他们不一样。
-
查看代码的第一部分——在其中构建表格的行。
标签： javascript php mysql