Menampilkan Data dari Database ke ComboBox di PHP

By itoruwebid Tuesday, April 21, 2015

Share Tweet Share Share Email

Postingan kali ini kita bakal ngembahas PHP men, tepatnya bagaimana kita menampilkan data yang ada didatabase ke dalam ComboBox di PHP. Disini ane bakal kasih tutorial yang simple men cukup menggunakan 1 tabel aja. Ya udah yok langsung aja ke TKP dah :D .

Nih tutorialnya men :

1. Pertama, bikin database di PHPMyAdmin dengan nama "combobox" :

CREATE DATABASE combobox;

2. Kemudian buat tabel dengan nama "kategori" :

CREATE TABLE kategori(
kd_kategori INT NOT NULL AUTO_INCREMENT,
nama_kategori VARCHAR (20) NOT NULL,
PRIMARY KEY (kd_kategori)
)

3. Isikan data ke table "kategori" sesuai kebutuhan men :D , kalau ane ya ane isi dengan kategori Kaos, Jaket, Celana, dkk :D

4. Buat file koneksi, buat struktur foldernya seperti ini "inc/config.php" , kasih nama filenya "config.php" ketikkan script berikut men :

define('server', 'localhost');
define('username', 'root');
define('password', '');
define('database', 'combobox');
 
mysql_connect(server,username,password) or die(mysql_error());
mysql_select_db(database) or die(mysql_error());

5. Kemudian buat file "index.php", isi dengan script berikut :

        
        
        
        
        
        
 
        
        
 
        
        
 
        


        

        
Menampilkan Data dari Database ke Combobox
                

                        
                                -- Pilih Kategori --
                                
                                include 'inc/config.php';
 
                                $query = "SELECT * FROM kategori";
                                $result = mysql_query($query);
 
                                while ($rows = mysql_fetch_array($result)) {
                                echo "$rows[nama_kategori]";
                                }
                                
                        
                

6. Penjelasan script di point 5 nih men :

- Penjelasan tuk script berikut :

Penjelasan diatas isinya cuma menginludekan file css dan javascript men, disini ane pakek Bootstrap, makanya ane include file css Bootstrap, file-file tersebut ane taruh di "assets/css" tuk file-file css dan "assets/js" untuk file javascript.

- Penjelasan script inti :

        

        
Menampilkan Data dari Database ke Combobox
                

                        
                                -- Pilih Kategori --
                                
                                include 'inc/config.php';
 
                                $query = "SELECT * FROM kategori";
                                $result = mysql_query($query);
 
                                while ($rows = mysql_fetch_array($result)) {
                                echo "$rows[nama_kategori]";
                                }
                                
                        
                

Penjelasan unutuk script diatas, discript tersebut kita harus mengincludekan file koneksi yang udah kita bikin dengan nama "config.php" tadi men, yaitu dengan cara "include 'inc/config.php' " dan script inti untuk menampilkan data yang ada didatabase terdapat pada script berikut men :

include 'inc/config.php';
 
$query = "SELECT * FROM kategori";
$result = mysql_query($query);
 
while ($rows = mysql_fetch_array($result)) {
echo "$rows[nama_kategori]";
}

Hasil outputnya bakal seperti ini men :

Dah men, mending langsung dicoba aja, kalau ada pertanyaan monggo corat-coret dikolom komentar dibawah. 

Kalau mau source codenya, monggo bisa didownload DISINI