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
combobox php

Download :

Join the Conversation

18 Comments

Your email address will not be published. Required fields are marked *

  1. kk mau tanya, gmn memasukan data yg udh di selcet berdasarkan data di atas ke tabel baru, mohon pencerahannya kk

  2. 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

    1. kedua combobox tersebut punya relasi ngga?
      kalo ngga tinggal buat script kaya

      		
      

      satu lagi di halaman yang sama.

  3. 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.

    1. biar hasilnya unik, hanya 1x ditampilkan data kotanya, ganti query

      select * from combobox
      

      jadi

      SELECT DISTINCT kota FROM `kota`
      
  4. 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”