skip to Main Content

Welcome To Aryasatya

Jasa Pembuatan Aplikasi Berbasis Web Terbaik dan Termurah. Pengembangan Dilakukan oleh Team Programming Profesional dan Berpengalaman. Fokus Jasa Kami adalah Jasa Pembuatan Website, Digital Product, Web Programming, Toko Online , dan Aplikasi Berbasis Web

aryasatya.home@gmail.com
0815-4287-9587
Jl. Raya Pesanggrahan No. 20 RT. 02 RW. 03
Kec. Kesugihan, Kab. Cilacap
Jawa Tengah - 53274

Cara Membuat Combobox Bertingkat Dengan PHP MySQL

Cara Membuat Combobox Bertingkat Dengan PHP MySQL

Cara membuat combobox bertingkat dengan php mysql menggunankan data provinsi dan kabupaten kota di Indonesia lengkap dengan turorial dan download source code php. Bagaimana bisa dikatakan combobox bertingkat? ini hanyalah istilah familiar saja, kenyataanya adalah menampilkan data di combobox berdasarkan combobox sebelumnya.

Kata lain dari studi kasus ini biasanya disebut dengan combobox bertingkat, data yang ditampilkan pada combobox merupakan data yang mempunyai keterkaitan atau relasi dengan combobox sebelumnya.

Pada tutorial kali ini kita akan memberikan contoh yaitu membuat dua buah combobox dimana combobox pertama berisikan data Provinsi sedangkan combobox kedua adalah data Kabupaten Kota. Dan ketika kita memilih combobox provinsi maka kabupaten kota yang akan ditampilkan dalam combobox kota adalah kota yang terdapat di Provinsi tersebut.

Cara Membuat Combobox Bertingkat Dengan PHP MySQL

Berikut adalah langkah demi langkah tutorial bagaimana cara membuat combobox bertingkat dengan php mysql lengkap dengan source code coding php nya;

Pertama adalah membuat database dengan nama “combobox”, kemudian buat dua buah tabel dengan nama masing-masing table provinsi dan tabel kota. Teman-teman dapat langsung melakukan import dari file database sql berikut;

-- phpMyAdmin SQL Dump
-- version 4.2.11
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Jul 05, 2019 at 09:00 AM
-- Server version: 5.6.21
-- PHP Version: 5.6.3

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!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: `combobox`
--

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

--
-- Table structure for table `kota`
--

CREATE TABLE IF NOT EXISTS `kota` (
`id_kota` int(11) NOT NULL,
  `id_prov` int(11) NOT NULL,
  `nm_kota` varchar(25) NOT NULL
) ENGINE=InnoDB AUTO_INCREMENT=15 DEFAULT CHARSET=latin1;

--
-- Dumping data for table `kota`
--

INSERT INTO `kota` (`id_kota`, `id_prov`, `nm_kota`) VALUES
(1, 1, 'SURABAYA'),
(2, 1, 'SIDOARJO'),
(3, 1, 'MOJOKERTO'),
(4, 1, 'MALANG'),
(6, 3, 'SOLO'),
(7, 3, 'SEMARANG'),
(8, 3, 'PEKALONGAN'),
(9, 3, 'SURAKARTA'),
(11, 2, 'BANDUNG'),
(12, 2, 'BEKASI'),
(13, 2, 'BOGOR'),
(14, 2, 'CIREBON');

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

--
-- Table structure for table `provinsi`
--

CREATE TABLE IF NOT EXISTS `provinsi` (
`id_prov` int(11) NOT NULL,
  `nm_prov` varchar(25) NOT NULL
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=latin1;

--
-- Dumping data for table `provinsi`
--

INSERT INTO `provinsi` (`id_prov`, `nm_prov`) VALUES
(1, 'JAWA TIMUR'),
(2, 'JAWA BARAT'),
(3, 'JAWA TENGAH');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `kota`
--
ALTER TABLE `kota`
 ADD PRIMARY KEY (`id_kota`);

--
-- Indexes for table `provinsi`
--
ALTER TABLE `provinsi`
 ADD PRIMARY KEY (`id_prov`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `kota`
--
ALTER TABLE `kota`
MODIFY `id_kota` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=15;
--
-- AUTO_INCREMENT for table `provinsi`
--
ALTER TABLE `provinsi`
MODIFY `id_prov` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=4;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Anda akan membutuhkan source code jquery, silahkan download terlebih dulu disini jquery download

Kedua adalah membuat file koneksi database mysql dengan nama koneksi.php, berikut coding php nya;

Ketiga adalah membuat homepage tutorial menggunakan file php dengan nama index.php, berikut coding php nya;



	Cara Membuat Combobox Bertingkat Dengan PHP MySQL | Tutorial

 
	

Menampilkan Data Dari Combobox Bertingkat Dengan PHP

Provinsi :    

Kota :

Keempat adalah membuat file php sebagai action select kota ketika combobox provinsi dipilih dengan nama select-kota.php, berikut coding php nya;


        

Simpan seluruh file php di atas beserta jquery dalam satu folder yang sama di htdocs, misal nama foldernya adalah combobox-bertingkat. Selanjutnya adalah tahap uji coba, apakah turorial cara membuat combobox bertingkat dengan php mysql berjalan dengan baik ataukah gagal. Buka web browser, kemudian ketik url localhost/combobox-bertingkat, dan berikut tampilannya;

Cara Membuat Combobox Bertingkat Dengan PHP MySQL

membuat combobox bertingkat dengan php mysql
membuat combobox bertingkat dengan php mysql
membuat combobox bertingkat dengan php mysql
membuat combobox bertingkat dengan php mysql

Baca Juga: Menampilkan Data Berdasarkan Tanggal Dengan PHP

Demikian tutorial sederhana tentang bagaimana cara membuat combobox bertingkat dengan php mysql lengkap dengan source code coding php. Jika Anda membutuhkan source code lengkap tanpa bug di tutorial ini, silahkan download secara gratis via member area. Terima kasih dan semoga bermanfaat.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Back To Top
×Close search
Search