Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan tentang Bagaimana Cara Menampilkan Data Otomatis Ketika Di Pilih Menggunakan PHP, oke langsung saja kita mulai praktekan yah,
teman teman bisa salinkan scriptnya dibawah sini, oh iya teman teman siapkan juga databasesnya yah bisa menggunakan databases yang sudah ada atau bisa juga teman teman membuat baru sederhana saja teman teman bisa buat table product dengan nama fields id, name, description.
Oke jika sudah salinkan script ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<?php // Koneksi $con = mysqli_connect("localhost","dumet","school","webmaster"); if (!$con) { die (" Databases Tidak Tersedia : " . mysqli_connect_error()); } $result = mysqli_query($con, "SELECT * FROM ismet_product"); $jsArray = "var prdName = new Array();\n"; echo 'Kode Produk : <select name="prdId" onchange="changeValue(this.value)">'; echo '<option>--PILIH ID--</option>'; while ($row = mysqli_fetch_array($result)) { echo '<option value="' . $row['id'] . '">' . $row['id'] . '</option>'; $jsArray .= "prdName['" . $row['id'] . "'] = {name:'" . addslashes($row['name']) . "',desc:'".addslashes($row['description'])."'};\n"; } echo '</select> <br/><br/>'; ?> |
|
1 2 3 4 5 6 7 8 9 10 |
Nama Produk : <input type="text" name="prod_name" id="prd_name"/> <br/><br/> Keterangan : <input type="text" name="prod_desc" id="prd_desc"/> <script type="text/javascript"> <?php echo $jsArray; ?> function changeValue(id){ document.getElementById('prd_name').value = prdName[id].name; document.getElementById('prd_desc').value = prdName[id].desc; }; </script> |
Mudah yah, coba teman teman save dan jalankan browsernya, sangat mudah yah ?
Begitulah Cara Menampilkan Data Otomatis Ketika Di Pilih Menggunakan PHP, sekian tutorial tentang ini, sampai bertemu di artikel selanjutnya dan sampai jumpa .
#KeepLearn
#IsmetMA