Menampilkan Data Dari Database MySQL ke Combobox dengan PHP

Pada tutorial kali ini, kita akan menampilkan data dari database kedalam combobox. Buat sebuah database baru di MySQL misalnya dengan nama tutorialweb lalu import database dibawah ini

CREATE TABLE IF NOT EXISTS `kota` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `kota` varchar(20) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;
 
--
-- Dumping data for table `kota`
--
 
INSERT INTO `kota` (`id`, `kota`) VALUES
(1, 'Berastagi'),
(2, 'Bandung'),
(3, 'Jakarta'),
(4, 'Surabaya');

Bila anda mau membuat database melalui perintah di command line/terminal ikuti langkah dibawah ini
login ke database, misalkan kita akan login dengan user root

mysql -u root -p

tekan enter lalu masukkan password MySQL untuk user root. Buat database baru

mysql> create database tutorialweb;

pindah ke database yang baru dibuat, yaitu tutorialweb

use tutorialweb;

tambahkan tabel id dan kota didalam tutorialweb

CREATE TABLE IF NOT EXISTS `kota` (
    ->   `id` int(11) NOT NULL AUTO_INCREMENT,
    ->   `kota` varchar(20) NOT NULL,
    ->   PRIMARY KEY (`id`)
    -> ) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

untuk keperluan tutorial ini, kita akan membuat beberapa contoh kota,

mysql> INSERT INTO `kota` (`id`, `kota`) VALUES
    -> (1, 'Berastagi'),
    -> (2, 'Bandung'),
    -> (3, 'Jakarta'),
    -> (4, 'Surabaya');

Untuk databasenya sudah selesai, sekarang kita akan membuat script koneksi.php yang berisi informasi login ke database MySQL

<?php
$server = "localhost";
$username = "root"; // ganti dengan user mysql anda
$password = "password"; // ganti dengan password mysql anda
$database = "tutorialweb";
// Koneksi dan memilih database di server
mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($database) or die("Database tidak bisa dibuka");
?>

Sekarang buat sebuah file bernama combobox.php, lalu tambahkan script

<?php
include "koneksi.php";
?>
<html>
	<title>Belajar Menampilkan ComboBox - Jaranguda.com</title>
<table>
	<tr>
		<td>Kota</td>	
		<td>:</td>	
		<td>
		<select name="kota">
			<?php
			include "koneksi.php";
			$query = "select * from combobox";
			$hasil = mysql_query($query);
			while ($qtabel = mysql_fetch_assoc($hasil))
			{
				echo '<option value="'.$qtabel['kota'].'">'.$qtabel['kota'].'</option>';				
			}
			?>
		</select>
		</td>	
	</tr>
</table>
</html>

lalu jalankan di browser anda, tampilannya seperti gambar dibawah ini

Download :

Last Updated on 5 November 2015 by

Comments

egy says
17 October 2017 at 20:12
kalo nampilin kerangannya di bagaiman gan
- tommy says
  19 October 2017 at 09:37
  keterangan apa?
Taufiq says
9 August 2017 at 09:57
Thanks gan tutornya. Sangat membantu… Izin simpan artikelnya.
sea says
5 December 2016 at 14:53
mau nanya dong, trus untuk edit updatenya gimana gan? ada tutorialnya juga ga? :)
makasih
cakmat says
3 November 2016 at 17:56
thanks gan tutornya
ongen says
12 May 2016 at 13:31
kk mau tanya, gmn memasukan data yg udh di selcet berdasarkan data di atas ke tabel baru, mohon pencerahannya kk
danangSurabaya says
3 January 2016 at 23:50
Tlg gimana caranya dua combobox yg berbeda dari dua tabel yg berbeda??
misal :
tabel Pertama : taJenis
(KodeJenis, NamaJenis)
tabel Kedua : taMerk
(KodeMerk, NamaMerk)
combobox pertama menampilkan tabel Pertama
combobox kedua menampilkan tabel kedua
- tommy says
  8 January 2016 at 14:38
  kedua combobox tersebut punya relasi ngga?
  kalo ngga tinggal buat script kaya
```
		
```
  satu lagi di halaman yang sama.
zula says
3 December 2015 at 23:11
makasi gan caranya, ini sangat membantu tugas sekolah saya
- tommy says
  4 December 2015 at 11:01
  yup sama-sama :)
hedi naufal says
5 November 2015 at 12:13
mas, saya sudah coba, BERHASIL-BERHASIL…misal di databse ada data
-> (1, ‘Berastagi’),
-> (2, ‘Bandung’),
-> (3, ‘Jakarta’),
-> (4, ‘Surabaya’);
-> (5, ‘Surabaya’);
-> (6, ‘Jakarta’);
nah pas muncul di combobox tetap ada 6 data…kenapa tidak hanya 4 ya,,?karena jkt n sby ada dua…apa bisa dimodif scriptnya..??karena kan ga efektif juga kalau kotanya banyak tapi dari banyak tsb banyak yang sama…terima kasih,,mohon pencerahnnya.
- tommy says
  5 November 2015 at 15:43
  biar hasilnya unik, hanya 1x ditampilkan data kotanya, ganti query
```
select * from combobox
```
  jadi
```
SELECT DISTINCT kota FROM `kota`
```
Sandry says
3 September 2015 at 11:56
mas, kalo kita pengen bikin edit datanya kalo isi comboboxnya dari database gimana ya?
- tommy says
  3 September 2015 at 16:10
  Bisa diperjelas maksudnya edit datanya?
Noor Awaludin says
26 June 2015 at 10:17
Terima Kasih
saya pribadi sudah cari 2 hari gak ketemu dan gak berhasil
akhir nya
KESUSAHAN
hari ini KESUSAHAN DI BALAS DENGAN SENANG Tapi masih belum beres misi disini
Sekali lagi terima kasih SUMBER “Kang jaranguda.com”
- tommy says
  26 June 2015 at 11:35
  sama-sama :)
dika says
12 July 2013 at 12:52
thanks gan, saya udah nyobain dan ternyata berhasil,
miez De hard says
24 February 2013 at 12:45
thanks gan..

Tulisan menarik lainnya

Reader Interactions

Comments

Leave a Reply Cancel reply