Filtering Data Pada Combobox Untuk Memilih Data Per Kategori

Yenda Purbadian  Selasa, 05 September 2017  PHP & OOP PHP  226 0
no images

Ada 2 buah objek combobox, ada combobox A dan combobox B, yang mana combobox A digunakan untuk memilih kategori barang, dan combobox B digunakan untuk menampilkan data barang berdasarkan pemilihan data kategori barang yang ada pada combobox A. Dengan kata lain, ketika user melakukan suatu inputan kategori barang pada combobox A untuk memilih kategori barang dan menekan tombol submit, maka filtering data barang berdasarkan kategori barang akan ditampilkan pada combobox B.

Kasus seperti ini banyak sekali pegaplikasiannya, sebagai contoh bisa gunakan ketika akan mencetak suatu barcode berdasarkan kategori barang untuk memfilter nama-nama barang berdasarkan kategori barang. Bisa juga Anda terapkan pada contoh kasus untuk memfilter nama-nama siswa berdasarkan kategori kelas, atau bisa juga Anda terapkan pada suatu aplikasi peminjaman untuk memfilter nama-nama nasabah yang menunggak berdasarkan kategori tunggakan sekian bulan. Pokonya banyak deh contoh kasusnya. Hee..

Terlebih dahulu Anda buat database dengan nama dbpenjualan, dilanjutkan dengan membuat table kategor dan table barang. Adapun spesifikasi untuk ke dua table tersebut dapat Anda lihat dibawah ini :

Table kategori

Field

Type Length Primary Key Autoincrement
id_kat Int 3 * *
nama_kat varhcar 30    

Table barang

Field Type Length Primary Key Autoincrement
id_brg int 3 * *
id_kat int 3    
nama_brg varchar 30    
harga_beli int 5    
harga_jual int 5    
stock int 3    

Selanjutnya Anda isikan masing-masing data pada ke dua table tersebut. Setelah selesai memasukan tiap data pada ke 2 table tersebut langkah selanjutnya adalah menuliskan script program, oleh sebab itu Anda buat file baru dengan nama filter_combobox.php, kemudian perhatikan script program dibawah ini :

<html>
<head>
<title>Untitled Document</title>
</head>

<body>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbpenjualan");
?>
<form name="filter" action="" method="POST">
  <table>
    <tr>
      <td>Kategori</td>
      <td>:</td>
      <td>
        <select name="kategori" style="width:130px;">
          <option selected="selected" value="<?php print $_POST['kategori']; ?>"><?php print $_POST['kategori']; ?></option>
          <?php
	    $kat=mysql_query("SELECT * FROM kategori ORDER BY id_kat DESC");
	    if (mysql_num_rows($kat)>0){
	      while ($k=mysql_fetch_array($kat)){
	    ?>
	        <option value="<?php echo $k['nama_kat']; ?>"><?php echo $k['nama_kat']; ?></option>
          <?php
	      }
	    }
          ?>
        </select>
      </td>
      <td></td>
      <td><input type="submit" name="pil_kat" class="button" value="Pilih Kategori"></td>
    </tr>
    <tr>
      <td>Nama Barang</td>
      <td>:</td>
      <td>
        <?php $_POST['kategori'] ? $aktif = "" : $aktif ="disabled"; ?>
        <select name="nama_brg" style="width:130px;" <?php echo $aktif; ?>>
	    <option selected="selected" value=""></option>
	    <?php
	    $nama_brg=mysql_query("SELECT b.*, k.*
					   FROM barang b,
				   		    kategori k
				            WHERE b.id_kat=k.id_kat
					      AND k.nama_kat
					      LIKE '$_POST[kategori]'
				       ORDER BY id_brg DESC");
	    if (mysql_num_rows($nama_brg)>0){
	      while ($n=mysql_fetch_array($nama_brg)){
	    ?>
	     <option value="<?php echo $n['id_brg']; ?>"><?php echo $n['nama_brg']; ?></option>
          <?php
	      }
	    }
          ?>
	  </select>
      </td>
    </tr>
  </table>
</form>
</body>
</html>

Saat program dijalankan, terdapat pemilihan kategori barang pada objek combobox, sementara objek combobox pada nama barang terdisable atau mati, dengan kata lain objek combobox untuk nama barang tidak dapat melakukan aksi apa-apa. Logikanya, saat objek combobox pada kategori barang dipilih dan user menekan tombol pilih kategori maka objek combobox nama barang akan menampilkan data barang berdasarkan kategori barang yang dipilih. Untuk hasilnya dapat Anda lihat dibawah ini :

Silahkan Anda bereksperimen lagi atau Anda terapkan pada aplikasi yang akan Anda bangun namun disesuaikan berdasarkan kebutuhan Anda.  smile

Untuk script programnya silahkan Anda download disini

Artikel Terkait :

Tidak ada artikel terkait

Komentar :

Tinggalkan Komentar :