Как я могу поместить поля выбранного объекта в соответствующую форму, потому что он всегда отображает атрибуты моего первого элемента?Это то, что я сделал до сих пор:
В моем столбце таблицы действий у меня есть это определение: <a href="#do=View?id=<?php echo $row['id']; ?>" onClick="manageFormView('view')"><i class="fas fa-eye cyan-text"></i></a>
где определение моей функции JavaScript:
function manageFormView(flag){
if(flag === 'create'){
document.getElementById("form3").value = "";
document.getElementById("form2").value = "";
manageCreateBtn(1);
manageEditDeleteBtn(1);
manageSaveCancelBtn(0);
}else if(flag === 'view'){
const name = document.querySelector('#dept-name');
document.getElementById("form3").value = name.dataset.columns;
const code = document.querySelector('#dept-code');
document.getElementById("form2").value = code.dataset.columns;
const id = document.querySelector('#dept-id');
document.getElementById("id").value = id.dataset.columns;
manageCreateBtn(1);
manageEditDeleteBtn(0);
manageSaveCancelBtn(1);
}else if(flag === 'edit'){
const name = document.querySelector('#dept-name');
document.getElementById("form3").value = name.dataset.columns;
const code = document.querySelector('#dept-code');
document.getElementById("form2").value = code.dataset.columns;
const id = document.querySelector('#dept-id');
document.getElementById("id").value = id.dataset.columns;
manageCreateBtn(1);
manageEditDeleteBtn(1);
manageSaveCancelBtn(0);
}else{
document.getElementById("form3").value = "";
document.getElementById("form2").value = "";
document.getElementById("id").value = "";
}
};
и в моей форме у меня есть что-то вроде этого:
<form action="departments.php" class="was-validated" id="lt-create-form" method="post">
<div class="card">
<div class="card-block">
<div class="md-form">
<i class="fas fa-user prefix"></i>
<input type="text" id="form3" name="name" class="form-control">
<label for="form3">Department Name</label>
</div>
<div class="md-form">
<i class="fas fa-envelope prefix"></i>
<input type="text" id="form2" name="code" class="form-control">
<label for="form2">Code</label>
</div>
<input type="hidden" id="id" name="id" value="">
</div>
</div>
</form>
Я неправильно определил мою функцию JavaScript?Кстати, мой список и вид формы находятся в одном файле, который является departments.php
.То, что я получил, является чем-то изображением ниже: