Belajar Php Php Dan MySQL Tutorial Php

Cara Menampilkan Data Pada Tabel Berdasarkan Pilihan Pada Combobox Php

Bagaiman Cara Menampilkan Data Pada Tabel Berdasarkan data yang dipilih dalam Combobox Php, tutorial ini script php menampilkan data berdasarkan id yang dipilih di dalam combobox. jika dari sekalian teman-teman ingin menampilkan data kedalam tabel berdasarkan pilihan di combobox maka anda bisa membaca tutorial ini sampai akhir, karena tutorial ini kita akan belajar menampilkan data ke dalam tabel berdasarkan id dalam combobox.

studi kasus disini saya akan membuat sebuah combobox, kemudian combobox tersebut saya isi dengan data yang ada dalam database, dan ketika isi combobox tersebut saya klik maka otomatis akan tampil datanya dalam tabel dibawah combobox tersebut.

ditutorial ini saya akan mengambil contoh data buku tamu (guestbooks), dimana biasanya data dalam buku tamu itu id buku tamu, nama, email, pesan, dan lain-lain. id buku tamu ini biasanya autoincrement akan bertambah otomatis.

nah di tutorial menampilkan data berdasarkan combobox ini konsepnya akan saya buat seperti ini, di dalam combobox saya akan menampilkan nama-nama yang sudah menginput buku tamu, ketika saya nama yang ada dalam combobox saya klik otomatis tampil data dari nama tersebut di dalam tabel, data yang ditampilkan dalam tabel mulai dari nama, email, pesan. seperti gambar dibawah ini.

Menampilkan data sesuai pilihan di combobox

Menampilkan data sesuai pilihan di combobox

oke saya pikir kawan-kawan pasti mengerti maksud saya, oleh karena itu mari kita mulai tutorial Cara Menampilkan Data Pada Tabel Berdasarkan Pilihan Pada Combobox Php dan MySQL ini.

buat database dengan test1 kemudian dump sql dibawah ini kedalam database tersebut

-- phpMyAdmin SQL Dump
-- version 3.3.9
-- http://www.phpmyadmin.net
--
-- Host: localhost
-- Generation Time: Jul 20, 2017 at 09:15 PM
-- Server version: 5.5.8
-- PHP Version: 5.3.5

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `test1`
--

-- --------------------------------------------------------

--
-- Table structure for table `guestbook`
--

CREATE TABLE IF NOT EXISTS `guestbook` (
  `id_gb` int(3) NOT NULL AUTO_INCREMENT,
  `tgl` datetime NOT NULL,
  `nama` varchar(255) COLLATE latin1_general_ci NOT NULL,
  `email` varchar(255) COLLATE latin1_general_ci NOT NULL,
  `pesan` varchar(255) COLLATE latin1_general_ci NOT NULL,
  PRIMARY KEY (`id_gb`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=183 ;

--
-- Dumping data for table `guestbook`
--

INSERT INTO `guestbook` (`id_gb`, `tgl`, `nama`, `email`, `pesan`) VALUES
(1, '2012-07-13 01:44:19', 'phpdanmysql.com', 'admin@phpdanmysql.com', 'Cara Menampilkan data berdasarkan data pada combobox'),
(2, '2017-07-21 01:51:28', 'PhpdanMySQL.com', 'admin@phpdanmysql.com', 'Menampilkan data pada table berdasarkan pilihan di combobox'),
(172, '2009-07-04 15:24:02', 'Heti Purnamawati', 'heti@yahoo.com', 'Salam kenal juga yach...'),
(173, '2009-07-10 13:03:38', 'nana', 'nana@yahoo.com', 'Lagi latihan Paskibra... '),
(174, '2009-07-10 13:05:06', 'Nindya', 'naila@yahoo.com', 'haloo juga ah :D'),
(176, '2009-07-10 13:07:01', 'Didi Riyadi', 'didi@yahoo.com', 'yahoooooooo'),
(177, '2010-01-12 00:00:49', 'Naila', 'naila@yahoo.com', 'Halo apa kabar nech?'),
(178, '2010-01-13 00:01:18', 'Ucup', 'ucup@yahoo.com', 'hahaha'),
(182, '2010-01-15 00:21:03', 'Neisya', 'dendi@yahoo.com', 'emm...');

setelah selesai membuat database combobox selantunya kita akan membuat script phpnya untuk menghubungkan php dan dabase kita.

buat folder baru didalam htdocs anda dengan nama combobox, kemudian buka text editor anda kemudian simpan script php dibawah ini kedalamnya

<?php 
$host="localhost";
$user="root";
$pass="";
$db="test1";

//koneksi 
$koneksi=mysql_connect($host,$user,$pass);
mysql_select_db($db,$koneksi);

?>

sesuaikan dengan koneski database anda ya, kemudian simpan dengan nama conn.php

kemudian buat file baru lagi kemudian simpan script dibawah ini kedalamnya

<html>
<head><title>Pilihan Combobox</title></head>
<body>
<p>&nbsp;</p>
</body>
</html>

<script languange="Javascript1.2">
function pilih(id){
	location.replace("index.php?id="+id);
}
</script>

<?php
include "conn.php";

if($_GET['']!==""){
	$id=$_GET['id'];
	
	$query=mysql_query("select * from guestbook where id_gb='$id'");
	?>
	<tr>
	<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>
</tr>

	<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
}

?>

simpan dengan nama index.php

nah sekarang kita sudah selesai membuat semua script dan databasenya, selanjutnya coba kita jalankan di localhost anda http://localhost/combobox dan lihat hasilnya, silakan dicoba-coba, siapa tau ada yang salah.

tutorial ini sebenarnya bisa anda coba untuk data lainnya, bukan hanya terpaku pada data buku tamu aja, anda bisa gunakan untuk data-data lainnya asalkan anda bisa mengubah nama fieldnya.

oke sekian tutorial menampilkan data berdasarkan combobox ini semoga bermanfaat

menampilkan data berdasarkan pilihan combobox php, menampilkan select option dari kriteria, Menampilkan data berdadarkan, menampilkan data berdasarkan dropdown select pada php mysqli, menampilkan data berdasarkan id yang dipilih, cara menampilkan data di combo box berdasarkan id, menampilkan data berdasarkan select dengan ajax, menampilkan data lain dari primary key php, menampilkan data selected ke combobox php, menampilkan isi data sesuai kategori yang dipilih php

About the author

adies

8 Comments

  • mas ini kalau pakeknya CI formatnya gmn

    function pilih(id){
    location.replace(“index.php?id=”+id);
    }

    • Saya belum pernah pakai CI gan
      Jadi saya kurang tau dengan framework CI
      maaf ya gan..

  • mas gimana caranya setelah dipilih dropdownnya, value dr dropdown yg kita pilih masih terlihat disitu?
    krn setelah saya coba, item yg kita pilih tidak tampil di dropdown karena halaman me Refreh.
    Terima kasih atas bantuannya

    • Kenapa me refresh ya… Padahal kalau javascript itu kan bisa memeroses tanpa reload halamannya.
      Mungkin javascript gak aktif di browsernya mas.
      Coba di aktifkan di pengaturan browsernya.
      Atau pakai browser lain.

Ada Komentar?

×