Cara Mengedit Banyak Data Menggunakan PHP dan JavaScript Part 2

Halo teman-teman pada tutorial Cara Mengedit Banyak Data Menggunakan PHP dan JavaScript Part 2 kali ini kita akan membuat proses untuk edit data nya, pada tutorial sebelumnya kita telah membuat database, file koneksi, file css, dan file index nya.

Untuk membuat proses editnya silahkan teman-teman buka kembali text editornya dan silahkan teman-teman simpan script yang yang terdapat dibahah ini dengan nama edit.php

<?php
include ('koneksi.php');

if(isset($_POST["submit"]) && $_POST["submit"]!="") {
$usersCount = count($_POST["nama"]);
for($i=0;$i<$usersCount;$i++) {
mysqli_query($conn,"UPDATE murid set nama='" . $_POST["nama"][$i] . "', 
										alamat='" . $_POST["alamat"][$i] . "', 
										tlpn='" . $_POST["tlpn"][$i] . "' WHERE id='" . $_POST["id"][$i] . "'");
}
header("Location:index.php");
}
?>
<html>
<head>
		<title>Edit Multiple User</title>
</head>
<body>
<form name="" method="post" action="">
<div style="width:250px;">
<?php
$rowCount = count($_POST["murid"]);
for($i=0;$i<$rowCount;$i++) {
$result = mysqli_query($conn,"SELECT * FROM murid WHERE id='" . $_POST["murid"][$i] . "'");
$row[$i]= mysqli_fetch_array($result);
?>

<table>
	<tr>
		<td><label>nama</label></td>
		<td><input type="hidden" name="id[]" class="txtField" value="<?php echo $row[$i]['id']; ?>"><input type="text" name="nama[]" class="txtField" value="<?php echo $row[$i]['nama']; ?>"></td>
	</tr>
	<tr>
		<td><label>alamat</label></td>
		<td> <textarea cols="10" rows="3" name="alamat[]" style="width: 152px"><?php echo $row[$i]['alamat']; ?></textarea>
	</tr>
	<tr>
		<td><label>telpn</label></td>
		<td><input type="text" name="tlpn[]" class="txtField" value="<?php echo $row[$i]['tlpn']; ?>"></td>
	</tr>
	
	<hr>
<?php } ?>
</table><td colspan="2"><input type="submit" name="submit" value="OK" class="btnSubmit" onClick="setOkAction();"></td>

<script>
	function setOkAction() {
if(confirm("Apakah Anda Yakin...?")) {
document.frmUser.submit();
}
}
</script>
</div>
</form>
</body>
</html>

<?php

include ('koneksi.php');

if(isset($_POST["submit"]) && $_POST["submit"]!="") {

$usersCount = count($_POST["nama"]);

for($i=0;$i<$usersCount;$i++) {

mysqli_query($conn,"UPDATE murid set nama='" . $_POST["nama"][$i] . "',

alamat='" . $_POST["alamat"][$i] . "',

tlpn='" . $_POST["tlpn"][$i] . "' WHERE id='" . $_POST["id"][$i] . "'");

}

header("Location:index.php");

}

<html>

<head>

<title>Edit Multiple User</title>

</head>

<body>

<?php

$rowCount = count($_POST["murid"]);

for($i=0;$i<$rowCount;$i++) {

$result = mysqli_query($conn,"SELECT * FROM murid WHERE id='" . $_POST["murid"][$i] . "'");

$row[$i]= mysqli_fetch_array($result);

<table>

<tr>

</tr>

<tr>

<td><label>alamat</label></td>

</tr>

<tr>

<td><label>telpn</label></td>

</tr>

<hr>

<?php } ?>

</table><td colspan="2"><input type="submit" name="submit" value="OK" class="btnSubmit" onClick="setOkAction();"></td>

function setOkAction() {

if(confirm("Apakah Anda Yakin...?")) {

document.frmUser.submit();

}

</script>

</div>

</form>

</body>

</html>

Pada script diatas terdapat mysqli_query($conn,”UPDATE murid setâ€¦ yaitu berfungsi sebagai proses untuk edit datanya san sedangkan $result = mysqli_query($conn,”SELECT * FROMâ€¦ yaitu berfungsi untuk menampilkan data yang terdapat pada form edit.

Selanjutnya kita akan membuat proses untuk JavaScriptnya dan silahkan teman-teman simpan script dibawah ini dengan nama edit.js

//proses falidasi 
function validate()
{
var chks = document.getElementsByName('murid[]');
var hasChecked = false;
for (var i = 0; i < chks.length; i++)
{
	if (chks[i].checked)
	{
	hasChecked = true;
	break;
	}
}

if (hasChecked == false)
	{
	alert("silahkan pilih terlebih dahulu...");
	document.frmUser.action = "index.php";
	}

return true;
}


function updateAction() {
document.frmUser.action = "edit.php";
document.frmUser.submit();
}

//proses falidasi

function validate()

{

var chks = document.getElementsByName('murid[]');

var hasChecked = false;

for (var i = 0; i < chks.length; i++)

{

if (chks[i].checked)

{

hasChecked = true;

break;

}

if (hasChecked == false)

{

alert("silahkan pilih terlebih dahulu...");

document.frmUser.action = "index.php";

}

return true;

}

function updateAction() {

document.frmUser.action = "edit.php";

document.frmUser.submit();

}

Jika semua proses kita berhasil makan akan muncul seperti dibawah ini

jika tombol edit diklik maka akan funcul form seperti dibawah ini, berikutnya jika tombol ok kita klik maka data berhasil di edit.

Bagai nama teman-teman cukup mudah bukan Cara Mengedit Banyak Data Menggunakan PHP dan JavaScript Part 2,

Semoga bermanfaat

Terimakasih.

Cara Mengedit Banyak Data Menggunakan PHP dan JavaSript Part 1

Cara Mengedit Banyak Data Menggunakan PHP dan JavaScript Part 2

Facebook DUMET School

Konsultasi Gratis

Categories