Breaking News
Loading...
Loading...
Saturday, December 7, 2013

Cara membuat selectbox atau combobox untuk ditampilkan pada textbox Php

December 07, 2013

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>


Ok silahkan mencoba... jika kurang jelas silahkan tanya dikolom komentar !!!


18 comments:

  1. gan ini sudah dites kah??? sukses apa nggak???

    tlong dikasih gambar keterangannya juga gan.. supaya lebih mudah dipahami dan percaya kalau script diatas benar dan sukses.... ditunggu

    ReplyDelete
    Replies
    1. LINK DOWNLOAD CONTOH + database sudah diperbarui di posting, silahkan coba gan $-)

      Delete
  2. kalau disimpan didalam form tidak bisa ?? kenapa ??

    ReplyDelete
  3. Replies
    1. pak,ketika saya hubungkan file ini ke form,pakai include,,,kenapa pesan yang muncul undefined??

      Delete
  4. Kl buat seperti itu dalam dreamweaver gimana ha gan??
    Mohon balasannya.

    ReplyDelete
  5. Kl buat seperti itu dalam dreamweaver gimana ha gan??
    Mohon balasannya.

    ReplyDelete
    Replies
    1. Copy aja scripnya sob , atur sesuai db dan kebutuhanya.

      Delete
  6. kok ngga' mau ya gan?? padahal sudah copy paste cuman rubah tablenya tpi tetap ngga' mau

    ReplyDelete
  7. Jika "kode" dijadikan variable bisa ga?

    ReplyDelete
    Replies
    1. bisa gan tinggal manggil di textbox, lalu variabelkan (c)

      Delete
  8. Kalau yang akan ditampilkan di textbox nya tanggal bagaiamana?
    misal 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

    ReplyDelete
  9. ngga bisa nyimpan untuk field comboboxnya

    ReplyDelete
  10. Kalau pake 2 combobox di table yg berbeda gmna gan.

    ReplyDelete
    Replies
    1. pakai jquery auto complete gan, kapan kapan ane posting.

      Delete
    2. Simpannya ke DB-nya udah bisa gan, nah kalau untuk EDIT-nya bagaimana??

      Delete
  11. gan 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

    ReplyDelete

ANDA SOPAN KAMI SEGAN :)

 
Toggle Footer