Shared Everything: Menambah jumlah baris pada tabel secara dinamis sesuai inputan user dengan PHP

Selasa, 06 September 2011

Menambah jumlah baris pada tabel secara dinamis sesuai inputan user dengan PHP

Berikut ini adalah cara menambah baris pada suatu tabel sesuai dengan inputan yang diberikan oleh user.
Untuk selengkapnya ada dibawah ini.

inputan.html

<html>
<head>
<script type="text/javascript">
function cek(){
var a  = document.tes.input.value;

if(a == ''){
	alert('Silahkan isi jumlah baris');
	return false;
}

else {
if(isNaN(a)){
alert('Inputan harus berupa angka');
document.tes.input.value = '';
	return false;
}
else {
	return true;
}
	
}
	
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form action="hasil.php" method="post" name="tes">
<p>Masukkan jumlah baris yang anda inginkan :   <input type="text" name="input" /></p>
<p><input type="submit" value="ok" onclick="return cek();" />
</p>

</form>
</body>
</html>

hasil.php

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table align="center">
<tr>
<th>Nama</th>
<th>Umur</th>
</tr>
<?php
for($i=0;$i< $_POST['input'];$i++){
?>
<tr>
<td><input type="text" name="nama"  /></td>
<td>
<select name="umur">
<?php
for($y = 0; $y <= 24; $y++){
?>
<option value="<?php echo $y;?>"><?php echo $y; ?>
</option>
<?php
}
?>
</select>
</td>
</tr>
<?php	
	
}
?>
<tr>
<td colspan="2"><input type="submit" value="ok" /></td></tr>
</table>
</body>
</html>

Demo

Download source

Shared Everything

Selasa, 06 September 2011

Menambah jumlah baris pada tabel secara dinamis sesuai inputan user dengan PHP

Tidak ada komentar:

Posting Komentar