Bagaimana caranya membuat sebuah selectbox atau combobox menampilkan kode dan pada textbox lainnya akan tampil data-data yang sesuai dengan kodenya,,tepatnya dengan PHP dan Mysql ...... Langsung saja tanpa basa banci....
<?php
mysql_connect("localhost","root","");
mysql_select_db("parkir");
$result = mysql_query("select * from parkir");
$jsArray = "var prdName = new Array();\n";
echo '<table align="center">';
echo '<tr>';
echo '<td>Kode Produk <td>:<td> <select name="kode" onchange="changeValue(this.value)">';
echo '<option>-------</option>';
while ($row = mysql_fetch_array($result)) {
echo '<option value="' . $row['kode'] . '">' . $row['kode'] . '</option>';
$jsArray .= "prdName['" . $row['kode'] . "'] = {miez:'" . addslashes($row['nama']) . "',de:'".addslashes($row['jk'])."',hard:'".addslashes($row['alamat'])."'};\n";
}
echo '</select>';
?>
<tr>
<td>
Nama<td> :<td> <input type="text" name="nama" id="nama"/>
<tr>
<td>
Jenis Kelamin <td>: <td><input type="text" name="jk" id="jk"/>
<tr><td>
alamat <td>:<td> <input type="text" name="alamat" id="alamat"/></td></tr>
<script type="text/javascript">
<?php echo $jsArray; ?>
function changeValue(id){
document.getElementById('nama').value = prdName[id].miez;
document.getElementById('jk').value = prdName[id].de;
document.getElementById('alamat').value = prdName[id].hard;
};
</script>
mysql_connect("localhost","root","");
mysql_select_db("parkir");
$result = mysql_query("select * from parkir");
$jsArray = "var prdName = new Array();\n";
echo '<table align="center">';
echo '<tr>';
echo '<td>Kode Produk <td>:<td> <select name="kode" onchange="changeValue(this.value)">';
echo '<option>-------</option>';
while ($row = mysql_fetch_array($result)) {
echo '<option value="' . $row['kode'] . '">' . $row['kode'] . '</option>';
$jsArray .= "prdName['" . $row['kode'] . "'] = {miez:'" . addslashes($row['nama']) . "',de:'".addslashes($row['jk'])."',hard:'".addslashes($row['alamat'])."'};\n";
}
echo '</select>';
?>
<tr>
<td>
Nama<td> :<td> <input type="text" name="nama" id="nama"/>
<tr>
<td>
Jenis Kelamin <td>: <td><input type="text" name="jk" id="jk"/>
<tr><td>
alamat <td>:<td> <input type="text" name="alamat" id="alamat"/></td></tr>
<script type="text/javascript">
<?php echo $jsArray; ?>
function changeValue(id){
document.getElementById('nama').value = prdName[id].miez;
document.getElementById('jk').value = prdName[id].de;
document.getElementById('alamat').value = prdName[id].hard;
};
</script>
Ok silahkan mencoba... jika kurang jelas silahkan tanya dikolom komentar !!!
gan ini sudah dites kah??? sukses apa nggak???
ReplyDeletetlong dikasih gambar keterangannya juga gan.. supaya lebih mudah dipahami dan percaya kalau script diatas benar dan sukses.... ditunggu
LINK DOWNLOAD CONTOH + database sudah diperbarui di posting, silahkan coba gan
Deletekalau disimpan didalam form tidak bisa ?? kenapa ??
ReplyDeletebisa kok gan ...
ReplyDeletepak,ketika saya hubungkan file ini ke form,pakai include,,,kenapa pesan yang muncul undefined??
DeleteKl buat seperti itu dalam dreamweaver gimana ha gan??
ReplyDeleteMohon balasannya.
Kl buat seperti itu dalam dreamweaver gimana ha gan??
ReplyDeleteMohon balasannya.
Copy aja scripnya sob , atur sesuai db dan kebutuhanya.
Deletekok ngga' mau ya gan?? padahal sudah copy paste cuman rubah tablenya tpi tetap ngga' mau
ReplyDeleteJika "kode" dijadikan variable bisa ga?
ReplyDeletebisa gan tinggal manggil di textbox, lalu variabelkan
DeleteKalau yang akan ditampilkan di textbox nya tanggal bagaiamana?
ReplyDeletemisal table nya:
no | awal | akhir
---------------------------
1 |2017-01-01 | 2017-01-31
2 |2017-01-02 | 2017-01-31
No : yang menjadi comboboxnya
dan yang ditampilkannya awal dan akhir.
mohon pencerahannya
ngga bisa nyimpan untuk field comboboxnya
ReplyDeletesesuaikan dengan id nya gan
DeleteKalau pake 2 combobox di table yg berbeda gmna gan.
ReplyDeletepakai jquery auto complete gan, kapan kapan ane posting.
DeleteSimpannya ke DB-nya udah bisa gan, nah kalau untuk EDIT-nya bagaimana??
Deletegan klau 2 combo 2 tabel 1 form gmna, aku ggal trus yg mncul cma 1 ja, misal combo1 NIK textbox 1 mncul nama siswa cmbo 2 kode matkul texboxt2 mncul nma matkul itu ada 2 tabel, tabel siswa sama tabel matkul..mhon bntuannya
ReplyDeleteClick to see the code!
To insert emoticon you must added at least one space before the code.