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!!!
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!!!
0 comments:
Post a Comment
Terimakasih