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

Keyword:

  • menampilkan data berdasarkan pilihan combobox php
  • menampilkan data berdasarkan id php
  • contoh membuat pilihan tanggal pada php
  • menampilkan data di tabel berdasarkanpilihan combobox php
  • script php menampilkan data berdasarkan id
  • menampilkan data tabel berdasar value dari combobox
  • menampilkan data berdasarkan pilihan di listbox pada php
  • combobox php di dalam tabel
  • contoh primary key dan kawan kawan dalam data buku
  • tampilkan data sesuai data yang dipilih

Get real time updates directly on you device, subscribe now.

loading...
2 Comments
  1. Tarii says

    Makasih yah sudah membantu ^^

    1. adies says

      Oke sama-sama terimakasih sudah berkunjung

Ingin Berkomentar?

×
Lewat ke baris perkakas