I have a table which has data values in my database
<?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;
}
?>
for the user to add data in table i have a form with textboxes that will save to database when button save is click :
<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>
Now as you can see in my table it has an EDIT button. I want to display the data row value in textbox when button edit is click, to edit the value on it. Also button save will show up to the form to save the changes in textbox..
I know how to make the ajax for button save, the only thing i don't know is how to display data values in table to textbox..
Thanks in advance.
edit : I've tried to get the value of table row and console it when btnEdit is click:
$(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());
});
});
How can I displays this value into the textbox, for updating.
. Add a var
$rowno = 0;``` and increment it each time you loop (ie.$rowno++;
).