Tutorial PHP Pemula & Mahir

Question

Onchange Form

Ariyasa · Oct 24, 2011

Bli putu, sy mo tny ttg onchange form dong..
Bentuk formnya adalah sbb:

<form id="form1" name="form1" method="post" action="">
<table width="361" border="1" align="center">
  <tr>
    <td width="121">ID ANGGOTA </td>
    <td width="224"><input name="id_angg" type="text" id="id_angg" />    </td>
  </tr>
  <tr>
    <td>Nama</td>
    <td><? echo "";?></td>
  </tr>
  <tr>
    <td>Alamat</td>
    <td><? echo "";?></td>
  </tr>
  <tr>
    <td>Telp</td>
    <td><? echo "";?></td>
  </tr>
  <tr>
    <td>ID BUKU </td>
    <td><input name="id_buku" type="text" id="id_buku" /></td>
  </tr>
  <tr>
    <td>Judul</td>
    <td><? echo "";?></td>
  </tr>
  <tr>
    <td>Penulis</td>
    <td><? echo "";?></td>
  </tr>
  <tr>
    <td>Penerbit</td>
    <td><? echo "";?></td>
  </tr>
  <tr>
    <td>Tgl Pinjam </td>
    <td><input name="tgl_pinjam" type="text" id="tgl_pinjam" /></td>
  </tr>
  <tr>
    <td>Tgl Kembali </td>
    <td><input name="tgl_kembali" type="text" id="tgl_kembali" />
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="Submit" value="Submit" />
    </td>
  </tr>
</table>
</form>

Bila dimasukkan ID anggota yg benar maka data anggota akan tampil dibawahnya(pada bagian echo tu). Demikian juga dengan ID buku.
Untuk tgl pinjam dan tgl kembali kita isi sendiri (atau tgl pinjam dpt diganti dg fungsi date ja). Setelah itu dapat kita simpan.
Bisa dibantu gk bli putu? Suksma seblum dan sesudahnya.

untuk table'nya :
CREATE TABLE `tb_pinjam` (
`id_pinjam` int(10) NOT NULL auto_increment,
`id_buku` int(10) NOT NULL,
`id_anggota` int(10) NOT NULL,
`tgl_pinjam` char(10) NOT NULL,
`tgl_kembali` char(10) NOT NULL,
PRIMARY KEY (`id_pinjam`)
)

Silahkan login untuk menjawab!

Answer 1

0

Ellyx Christian · Oct 27, 2011 · 0 Suka · 0 Tidak Suka

table anggota dan siswa mana?

Answer 2

0

Ariyasa · Oct 27, 2011 · 0 Suka · 0 Tidak Suka

Maaf bli putu, tbl siswa gk ada, tp tb_anggota baru ada dan tb_buku sesuai d tb_pinjam-nya..

CREATE TABLE `tb_anggota` (
`id_anggota` int(10) NOT NULL auto_increment,
`nama_anggota` varchar(50) NOT NULL,
`alamat_anggota` varchar(100) NOT NULL,
PRIMARY KEY (`id_anggota`)
)

CREATE TABLE `tb_buku` (
`id_buku` int(10) NOT NULL auto_increment,
`judul` varchar(50) NOT NULL,
`nama_penulis` varchar(50) NOT NULL,
`nama_penerbit` varchar(50) NOT NULL,
PRIMARY KEY (`id_anggota`)
)

Sbnrnya tbl buku ada kuery dg penulis dan penerbit tp sy singkat sj di tbl buku-nya biar cepet dpet solusi-nya.. ^_^

Mhon bantuannya bli putu.
Suksma sblum dan ssudahnya..

Answer 3

1

Ellyx Christian · Oct 29, 2011 · 1 Suka · 0 Tidak Suka

maaf agak lama, saya kasi tahu menggunakan jqueryui autocomplete:
pertama buat file get-data.php

<?php
mysql_connect("localhost","root","");
mysql_select_db("test");
$sql =  "select * from tb_anggota where id_anggota like '%".$_GET['term']."%'";
$result = mysql_query($sql);
$json = array();
while($data = mysql_fetch_assoc($result)){
	$data['label'] = $data['id_anggota'].' - '.$data['nama_anggota'];
	$data['value'] = $data['id_anggota'];
	$json[] = $data;
}
header("Content-Type: application/json");
echo json_encode($json);

kemudian ubah form menjadi seperti:

<html>
<head>
<!-- tambahkan jquery dan jqueryui-->
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="361" border="1" align="center">
  <tr>
    <td width="121">ID ANGGOTA </td>
    <td width="224"><input name="id_angg" type="text" id="id_angg" />    </td>
  </tr>
  <tr>
    <td>Nama</td>
    <td><span id="nama"></span></td>
  </tr>
  <tr>
    <td>Alamat</td>
    <td><span id="alamat"></span></td>
  </tr>
  <tr>
    <td>Telp</td>
    <td><span id="telp"></span></td>
  </tr>
  <tr>
    <td>ID BUKU </td>
    <td><input name="id_buku" type="text" id="id_buku" /></td>
  </tr>
  <tr>
    <td>Judul</td>
    <td><? echo "";?></td>
  </tr>
  <tr>
    <td>Penulis</td>
    <td><? echo "";?></td>
  </tr>
  <tr>
    <td>Penerbit</td>
    <td><? echo "";?></td>
  </tr>
  <tr>
    <td>Tgl Pinjam </td>
    <td><input name="tgl_pinjam" type="text" id="tgl_pinjam" /></td>
  </tr>
  <tr>
    <td>Tgl Kembali </td>
    <td><input name="tgl_kembali" type="text" id="tgl_kembali" />
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="Submit" value="Submit" />
    </td>
  </tr>
</table>
<script type="text/javascript">
$(function() {
	$( "#id_angg" ).autocomplete({
		minLength: 0,
		source: 'get-data.php',
		select: function( event, ui ) {
			$( "#id_angg" ).val( ui.item.value );
			$( "#nama" ).html( ui.item.nama_anggota );
			$( "#alamat" ).html( ui.item.alamat_anggota );
		}
	});
});
</script>
</form> 
</body>
</html>

pada saat mengetik id anggota akan muncul sugesti dan saat dipillih data anggota akan muncul. Lakukan hal yang sama untuk buku.

Answer 4

0

Ariyasa · Oct 31, 2011 · 0 Suka · 0 Tidak Suka

bli putu, suksma atas jawaban ciamiknya..
jeg pantes lah klo nie forum jadi tongkrongan #1 bwt tny2 PHP.

maju terus dan ttep ON ya myPHPtutorials.com/sangkep !!