Membuat Combo Box Dengan Data Dari Database

Posted by

Di post kali ini saya akan menjelaskan cara membuat combo box dari php dengan data yang diambil dari phpmyadmin. Kalau di android, Combo box biasa disebut dengan Spinner.

Langkah-Langkah:
1.Buatlah database dengan nama databasenya adalah provkabkotkec.

2.Download file.sql di link ini http://www.4shared.com/rar/gBqxsoZCce/ProvKabKotKec.html . kemudian impor file .sqlnya di phpmyadmin.

3.Pilih file.sql yang sudah kalian download.

4.Jika berhasil, maka tampilannya akan seperti ini.

5.Sekarang saatnya kita bermain di DreamWeaver. Buatlah file2 yang dibutuhkan untuk membuat combo box, file2 yang dibutuhkan adalah index.php , ambilkecamatan.php , ambilkota.php.

index . php :
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var htmlobjek;
$(document).ready(function(){
  //apabila terjadi event onchange terhadap object <select id=propinsi>
  $("#propinsi").change(function(){
    var propinsi = $("#propinsi").val();
    $.ajax({
        url: "ambilkota.php",
        data: "propinsi="+propinsi,
        cache: false,
        success: function(msg){
            //jika data sukses diambil dari server kita tampilkan
            //di <select id=kota>
            $("#kota").html(msg);
        }
    });
  });
  $("#kota").change(function(){
    var kota = $("#kota").val();
    $.ajax({
        url: "ambilkecamatan.php",
        data: "kota="+kota,
        cache: false,
        success: function(msg){
            $("#kec").html(msg);
        }
    });
  });
});

</script>
ambilkec.php
ambilkota.php
6.Jika ketiga file tersebut telah dibuat,maka bila index.php ditampilkan akan seperti ini tampilannya.

7.Pilihlah ketiga combo box tersebut.

8.Untuk menyimpan data yang telah kita pilih dari combo box tersebut, maka tambahkan sebuah table pada database yang sama. Beri nama table itu dengan nama "data" .

9.Beri nama field yaitu id, id_prov, id_kabkot, id_kec . jangan lupa Auto_increment untuk field id.Lalu kita membutuhkan 2 file php lagi untuk menyimpan data dan melihat data.

simpan.php:
<?php
mysql_connect("localhost","root","");
mysql_select_db("provkabkotkec");
$propinsi=$_POST['propinsi'];
$kota=$_POST['kota'];
$kec=$_POST['kec'];
$masuk = mysql_query ("insert into data (id_prov,id_kabkot,id_kec) values ('$propinsi', '$kota', '$kec')");
if ($masuk){
echo '<script type="text/javascript" language="javascript">// <![CDATA[
alert("Berhasil")
// ]]></script>';
echo '<script type="text/javascript" language="javascript">// <![CDATA[
window.location = "index.php"
// ]]></script>';
} else {
echo '<script type="text/javascript" language="javascript">// <![CDATA[
alert("Data gagal disimpan")
// ]]></script>';
echo '<script type="text/javascript" language="javascript">// <![CDATA[
window.location = "index.php"
// ]]></script>';
}
?>
tampil.php

10.Maka akan tampil seperti ini bila table data sudah dibuat.

11.Tekan button simpan pada index.php yang tadi, maka akan muncul tampilan seperti ini.

12.Lalu tekanlah button Tampil Data untuk melihat data.
Sekian post kali ini dari saya, semoga ilmu ini bermanfaat.. SEE YOU NEXT POST!!!



Blog, Updated at: May 08, 2014

0 comments:

Post a Comment

Terimakasih

Labels

Labels

!doctype (1) .net (1) 2008 (1) 2012 (1) 2013 (3) 3d (2) 3ds max (2) abstrak (1) access (3) adobe (1) apache (1) array (2) asp (7) asp.net (3) autodesk (1) biodata (2) biodata asp (2) biodata php (1) blender (1) c# (1) c3 (1) case (1) client (1) cmd (1) coding (24) combobox (1) cs6 (1) database (3) databse (1) dhcp (1) dreamweaver (2) echo (1) Encapsilation (1) Enkapsulasi (1) field (1) footer (1) form (5) form asp (1) gabung (1) gitar (1) gns3 (1) guitar (1) header (1) html (2) include (1) inheritance (1) input (1) install (1) ip (2) jaringan (4) java (1) komponen komponen validator (1) label (1) lan (1) localhost (2) manage sites (1) management (1) membuat (2) membuat biodata array php (1) membuat biodata satu variable (1) menghubukan php dengan database (1) microsoft (2) mikrotik (3) mikrotik tanpa router (1) mikrotik virtual box (2) ms access (3) multimedia (4) music (1) musik (1) mysql (2) netbeans (1) netbeans 7.3.1 (1) new site (1) office (2) oracle (1) osi layer (1) panelcontrol (1) petik (1) pewarisan java (1) php (14) php designer (1) php4 (1) polymorphic (1) polymorphism (1) Poymorphisme (1) primary key (1) radiobutton (1) range (1) require (1) required (1) routeros (2) script (1) server (2) shredder (1) sql server (1) summary (1) swift (1) table (1) tanda petik (1) textbox (1) toolbar (1) validasi (1) validation (1) validator (1) variable (2) vb (1) visual studio 2012 ultimate (4) volume asp (1) web (1) web server (2) win 7 (1) win xp (1) windowd form (1) windows (1) XAMPP (2) xp (1)