Menampilkan data berdasarkan pilihan di listbox pada PHP


Ada teman saya mas kaka yang bertanya :

Bagaiamana caranya menampilkan data berdasarkan pilihan yg ada di listbox. bagaiamana caranya menampilkan data berdasarkan pilihan yg ada di listbox. Misalnya di list box itu berdasarkan nama_staff. mohon bantuannya, saya lagi buat TA. terimakasih

Alur Program :

  1. Buat koneksi ke database
  2. Buat Form
  3. Fungsi javascript
  4. Proses tampilkan data

Script Koneksi

<?php
$host=”localhost”;
$user=”root”;
$pass=”";
$db=”test”;
//koneksi
$koneksi=mysql_connect($host,$user,$pass);
mysql_select_db($db,$koneksi);
?>

Potongan Script Form

<td width=”241″>
<select multiple=”multiple” name=”id” id=”id” onChange=”pilih(this.value)”>
<?php
$query_limit=mysql_query(“select * from guestbook“);
while($row=mysql_fetch_array($query_limit))
{
?><option value=”<?php  echo $row['id_gb']; ?>”><?php  echo $row['nama']; ?></option><?php
}
?>
</select>
</td>
<td width=”195″ valign=”top”>
<select name=”id” id=”id” onChange=”pilih(this.value)“>
<option value=”0″ selected=”selected”>Pilih Nama</option>
<?php
$query_limit=mysql_query(“select * from guestbook”);
while($row=mysql_fetch_array($query_limit))
{
?><option value=”<?php  echo $row['id_gb']; ?>”><?php  echo $row['nama']; ?></option><?php
}
?>
</select>
</td>

Fungsi Javascript

<script languange=”Javascript1.2″>
function pilih(id){
location.replace(“list-ri32.php?id=”+id);
}
</script>

Script menampilkan data

<?php
include “conn.php”;
if($_GET['']!==”"){
$id=$_GET['id'];
$query=mysql_query(“select * from guestbook where id_gb=’$id’”);
?>
<table border=”1″>
<tr><th>No</th><th>Nama</th><th>Email</th><th>Pesan</th></tr>
<?php
while($row=mysql_fetch_array($query)){
?>
<tr><td><?php echo $c=$c+1;?></td><td><?php echo $row['nama'];?></td><td><?php echo $row['email']; ?></td><td><?php echo $row['pesan']; ?></td></tr>
<?php
}
?></table><?php
}
?>

Download

http://www.4shared.com/file/9EmUx_MU/listbox.html

Download Tabel

http://www.4shared.com/file/qfhiRDTt/guestbooksql.html

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…amin

Ri32 Network Project :

  1. http://ri32-warehouse.co.cc
  2. http://ri32-demo.co.cc
  3. http://ri32-temanonline.co.cc

Referensi Lanjut

http://dropdown-check-list.googlecode.com/files/dropdown-check-list.1.2qa.zip

 


Depok, 25-01-2011

noname

21 Responses

  1. Terimakasih Mas Agus.. saya mau coba dulu.
    btw.. saya Mbak bukan Mas.. he he

  2. Saya sudah coba..
    Karena data yang ditampilkan jumlahnya banyak, maka saya menggunakan paging sesuai dengan tutorial di blog ini. Tapi kalau saya klik halaman kedua dan berikutnya, tidak menampilkan data.
    Dan juga nama yang saya pilih tidak mau tetep di diselect melainkan kembali ke pilihan ‘Pilih Nama”
    Mas Agus ada solusi? pliisss..
    Thanks

  3. @mbak kaka :

    >>> “Karena data yang ditampilkan jumlahnya banyak, maka saya menggunakan paging”

    pagingnya itu buat menampilkan data yang nama yang di pilih kan??

    kenapa gak di tampilkan satu halaman saja?

    kalo mau paging berarti harus ada parameter id_staff sama parameter id_halaman

    misalnya pas di link nya itu

    Halaman ke 2

    >>> “Dan juga nama yang saya pilih tidak mau tetep di diselect melainkan kembali ke pilihan ‘Pilih Nama”

    emm….mungkin maksudnya kalo kita pilih nama staff “Agus Sumarna”, nanti di listbox nya yang terpilih adalah nama “Agus Sumarna” bukan balik lagi ke default “Pilih Nama” gtu bukan?

    emang mba pakai combo box yang single atau yang multiple?, soalnya dalam program diatas saya menggunakan 2 contoh combobox.

  4. Thanks replynya Mas Agus…
    Kalau saya tampilkan di satu halaman saja, kalau datanya banyak maka akan melewati garis footer, tentunya tampilan web nya jadi nggak bagus.

    @emm….mungkin maksudnya kalo kita pilih nama staff “Agus Sumarna”, nanti di listbox nya yang terpilih adalah nama “Agus Sumarna” bukan balik lagi ke default “Pilih Nama” gtu bukan?

    Saya menggunakan single combobox.

    kalau harus ada parameter id_staff dan id_halaman, kira2 bagaiamana penempatannya ya?
    mohon penjelasannya.. maklum saya masih newbi banget.

  5. @Jawaban pertama

    pada program saya sebelumnya. coba sesuaikan dengan syntax dibawah ini :

    while($row=mysql_fetch_array($query_limit)){
    ?><option value="” ><?php
    }

    Penjelasan :

    artinya JIKA nilai yang ada didalam parameter $_GET['id'] sama dengan salah satu nilai yang ada didalam field $row['id_gb'], MAKA list itu yang dipilih

    kalo yang pagging belum bisa saya kasih contoh.

    selain pake pagging mungkin bisa pake ini,

    http://ri32.wordpress.com/2011/01/25/membuat-frame-tabel-html-dan-php/

  6. Thank you :)

  7. maaf jika jawaban saya kurang memuaskan :)

  8. udah mantab kok..
    Tengkiu banyak yaw.. ;)

  9. Mas Agus,, kalo ada piihan di antara tanggal gimana ya?
    misalnya, saya ingin menampilkan berdasarkan nama, dari tanggal ini sampai dengan tanggal ini.
    Contoh, Listbox 1 isinya nama, trus ada listbox tanggal awal dan listbox tanggal akhir.
    Tapi di mysql format tanggal saya adalah Y-m-d.
    Gimana caranya ya Mas? Mohon bantuannya. Terimakasih

  10. Terimakasih Mas Agus…

  11. Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in C:\xampp\htdocs\listbox\list-ri32.php on line 18

    mas, knp ketika saya jalankan timbul pernyataan seperti di atas? apa yg salah?

  12. mas saya mau tanya…..kalo membuat data terus bertambah setelah kita pilih nama di select combobox gimana..?

  13. Thanks berat … dah jalan dengan sukses

  14. Mas mau nanya… kalau bukan combobox tapi child windows, bagaimana caranya?
    Jadi misalnya di form penjualan… Saat kita mau memilih kode barang, muncul windows yang isinya daftar barang/form pencarian. (data barang jumlahnya bisa ribuan, jadi tidak memungkinkan untuk menggunakan combo box).
    Thanks yaa

  15. mas aku minta bahan buat TA TI dong…!!!!! hehehehee kirimin ya ke email aku …!!!!

  16. Bapak Agus,, aku ada kesulitan nih bikin TA…! mungkin bapak agus bisa membantu…!! terima kasih

  17. nice info :D

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s