How can i put my selected object's fields into its corresponding form because it always displays the attributes of my first element? This is what i have done so far:
On my Action table column i have this definition: <a href="#do=View?id=<?php echo $row['id']; ?>" onClick="manageFormView('view')"><i class="fas fa-eye cyan-text"></i></a>
where my javascript function's definition is:
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 = "";
}
};
and on my form i have something like this:
<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>
Did i incorrectly define my javascript function? by the way, my list view and form view is on the same file, which is departments.php
. What i got is something the image below: