Postingan lainnya
cara mengambil data dari tabel ke form (ceritanya mau update form) menggunakan AJAX PHP ?
html untuk bagian formnya :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../../../css/style.css">
<title>Liblary Member</title>
</head>
<body>
<?php include_once("../../header.php") ?>
<div class="background-form">
<form class="add-form" action="data_insertM.php" method="post">
<h2>Tambah Anggota</h2>
<button class="btn_close">x</button>
<input type="number" name="id_anggota" placeholder="Id Anggota :" disabled>
<input type="text" name="nama_anggota" placeholder="Nama Anggota :" required>
<input type="password" name="password_anggota" placeholder="Password Anggota :" required>
<input type="text" name="alamat_anggota" placeholder="Alamat Anggota :" required>
<input type="telp" name="telp_anggota" placeholder="Telp" required>
<input type="submit" id="btn_submit" name="btn_submit" value="Tambah">
</form>
</div>
<div class="background-form-up">
<form class="update-form" action="" method="post">
<h2>Edit Anggota</h2>
<button class="btn_close">x</button>
<input type="number" name="id_anggota" id="id_anggota" hidden>
<input type="text" name="nama_anggota" id="nama_anggota" placeholder="Nama Anggota :">
<input type="password" name="password_anggota" id="password_anggota" placeholder="Password Anggota :">
<input type="text" name="alamat_anggota" id="alamat_anggota" placeholder="Alamat Anggota :">
<input type="telp" name="telp_anggota" id="telp_anggota" placeholder="Telp"git >
<input type="submit" name="btn_update" id="btn_update" value="Update">
</form>
</div>
<div class="container">
</div>
<script src="../../../js/jquery-3.1.1.js"></script>
<script src="../../../js/script.js"></script>
<?php include_once("../../footer.php") ?>
</body>
</html>
file table nya :
<?php
include_once("../../../proccess/connect.php");
$sql = "SELECT * FROM tb_anggota";
$result = mysqli_query($conn,$sql);
//var_dump($result);
if(mysqli_num_rows($result) > 0){ ?>
<div class="tb-container">
<div class="tb-title">
<h2>Anggota Perpustakaan</h2>
<button class="btn-tambah-data">Tambah</button>
</div>
<table class="tb-select">
<tr>
<th>Id Anggota</th>
<th>Nama Anggota</th>
<th>Password Anggota</th>
<th>Alamat Anggota</th>
<th>Telp Anggota</th>
<th>Edit</th>
<th>Hapus</th>
</tr>
<?php
while($row = mysqli_fetch_array($result)){ ?>
<tr>
<td><?php echo $row[0];?></td>
<td><?php echo $row[1];?></td>
<td><?php echo $row[2];?></td>
<td><?php echo $row[3];?></td>
<td><?php echo $row[4];?></td>
<td><a class="btn_update" id="<?php echo $row[0]?>" href="#">Edit</a></td>
<td><a href="#">Hapus</a></td>
</tr>
<?php }
} ?>
</table>
</div>
code javascript nya :
//get value to display inside input update form
$(document).on("click", ".btn_update", function(){
var id_anggota = $(this).attr("id");
//console.log(id_anggota);
$.ajax({
url : "data_selectMDt.php",
method : "POST",
data : {id_anggota:id_anggota},
datatype : "json",
success:function(data){
//$("#id_anggota").val(data.id_anggota);
$("#nama_anggota").val(data.nama_anggota);
$("#password_anggota").val(data.password_anggota);
$("#alamat_anggota").val(data.alamat_anggota);
$("#telp_anggota").val(data.telp_anggota);
$("#btn_update").val("Update");
$(".background-form-up").show();
}
});
});
nb: tidak ada error di php maupun js, tetapi data di tabel tidak dapat di copy ke form update mohon bantuanya mastah
0
4 Jawaban:
Apakah maksud @ivanpratama99 ketika list table di klik copy semua value yang berisi kan data dari row table ya??
klo iya simple nya gini kawan,
untuk javascrip nya :
$(".btn_update").click(function() {
//ambil data dan set ke variable
var $row = $(this).closest("tr"),
$kolom1= $row.find("td:nth-child(0)"),
$kolom2= $row.find("td:nth-child(1)"),
$kolom3= $row.find("td:nth-child(2)"),
$kolom4= $row.find("td:nth-child(3)"),
$kolom5= $row.find("td:nth-child(4)");
//dan set ke form update kawan
//contoh aja setvalue lagi males ngetik nya :)
('#idinput').val($kolom1.text());
});
Kalo terbantu kode ini jangan lupa berikan coto hehe biar semangat bantu nya :)
1
@copo
("td:nth-child(0)") itu maksudnya apa ya gan ? terimakasih telah menjawab :)
0
@ivanpratama99 untuk kode ("td:nth-child(0)") itu mengambil value pada row "td" yang di klik dan untuk nth-child(0) adalah kolom yang di dalam td ,urutan di mulai dari kiri ke kanan..
Dan klo contoh code si agan, itu akan mengambil data pada kolom td yang di klik "Id anggota"
semoga aja penjelasan nya bisa buat paham ya :)
1