contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074


Menampilkan data dari database di textbox melalui Combobox

Posted in Javascript Jquery Life at 02 Januari 2017 With 0 Comments

Tutorial kali ini kita akan membahas Cara Menampilkan Data di database ke textbox berdasarkan pilihan combobox, Jadi disini kita akan mengisi textbox otomatis dengan PHP sesuai dengan pilihan di combobox , tentunya dengan data yang kita ambli dari database mysql , jika pada artikel sebelumnya admin sudah membuat artikel tentang Menampilkan data di textbox berdasarkan combobox dengan data tetap / tidak di ambil dari database ,  sekarang kita kolaborasikan dengan data yang ada di database.

Mengisi textbox  Berdasarkan Pilihan Combobox di PHP Mysql

Untuk mengambil value dari combobox dengan php langsung mengarahkan ke textbox kita bisa lakukan dengan javascript , javascript merupakan syntax yang berjalan di sisi client, tentu ini berpengaruh dengan fungsi javascript yang sudah di aktifkan atau belum pada browser yang anda gunakan. so. jangan lupa aktifkan fungsi javascript di browser yang anda gunakan

▼ Download Source Code Dibawah Ini ▼



Berikut ini cara otomatis menampilkan data dari database saat kita memilih combobox

contoh database :

menampilkan data dari combobox ke textbox

Nah dari data di atas kita akan menampilkan "product_id" ke dalam list menu dan kemudian saat di klik maka "product_name" akan langsung tampil di text box , berikut codenya / scriptnya :

<?php  
// Koneksi
mysql_connect("localhost","root","");  
mysql_select_db("db_suckittrees");  
$result = mysql_query("select * from product");
$jsArray = "var prdName = new Array();\n";
echo 'Kode Produk : <select name="prdId" onchange="document.getElementById(\'prd_name\').value = prdName[this.value]">';
echo '<option>-------</option>';
while ($row = mysql_fetch_array($result)) {
    echo '<option value="' . $row['product_id'] . '">' . $row['product_id'] . '</option>';
    $jsArray .= "prdName['" . $row['product_id'] . "'] = '" . addslashes($row['product_name']) . "';\n";
}
echo '</select>';
?>
<br />
Nama Produk : <input type="text" name="prod_name" id="prd_name"/>
<script type="text/javascript">
<?php echo $jsArray; ?>
</script>

Nah dari kode di atas akan menampilkan data dari combobox di satu textbox , seperti gambar dibawah ini :

menampilkan data berdasarkan pilihan combobox

 

Cara Menampilkan Data Lebih Dari Satu Ke Textbox Berdasarkan Pilihan Di Combobox Dengan PHP dan Mysql.

Misalnya .. table di database kita tambahkan "product_desc"  berikut contohnya :

mengisi textbox berdasarkan combobox

Nah coding untuk menampilkan "produc_name & product_desc" yaitu

<?php  
mysql_connect("localhost","root","");  
mysql_select_db("db_suckittrees");  
$result = mysql_query("select * from product");  
$jsArray = "var prdName = new Array();\n";  
echo 'Kode Produk : <select name="prdId" onchange="changeValue(this.value)">';  
echo '<option>-------</option>';  
while ($row = mysql_fetch_array($result)) {  
    echo '<option value="' . $row['product_id'] . '">' . $row['product_id'] . '</option>';  
    $jsArray .= "prdName['" . $row['product_id'] . "'] = {name:'" . addslashes($row['product_name']) . "',desc:'".addslashes($row['product_desc'])."'};\n";  
}  
echo '</select>';  
?>  
<br/><br />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>

 Sehingga hasilnya akan seperti ini :

menampilkan data di textbox berdasarkan pilihan combobox

Artikel Terkait

Diskusi