cara membuat combobox bertingkat

combobox

combobox adalah sebuah fitur yang ditawarkan untuk memilih sesuatu mudah , misal kita contohkan saat mengisi alamat pada form pertama kita klik daerah kota misalanya yogyakarta lalu , pada form bawah nya pasti akan muncul kecematan mana yang ada di yogyakarta , mekanisme itu akan sesuai jika kita lakukan dengan mengeklik provisi lainya

exampe nya ada dibawah ini :

seperti contoh di samping , kiri bisa kita lihat ada form tabel alamat yang akan di klik , misalnya kita klik yogyakarta maka akan muncul pada form dibawah nya kabupaten di yogyakarta , dan seterusnya kita juga akan memunculkan kecamatan di kabupaten yang di klik tadi .seperti itulah mekanisme combobox bertingkat

dari pada binggung langsung saja ke proses pembuatan combobox bertingkat tadi , pertam yang harus kita lakukan adalah mebuat index nya

beri nama code di bawah dengan nama index.php

<html>
<head><title>Select Chain</title>
<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>
</head>
<body> 
<?php
mysql_connect("localhost","root","");
mysql_select_db("provkabkotkec");
?>
Pilih Provinsi :<br>
<select name="propinsi" id="propinsi">
<option>--Pilih Provinsi--</option>
<?php
//mengambil nama-nama propinsi yang ada di database
$propinsi = mysql_query("SELECT * FROM prov ORDER BY nama_prov");
while($p=mysql_fetch_array($propinsi)){
echo "<option value=\"$p[id_prov]\">$p[nama_prov]</option>\n";
}
?>
</select>
<br>Pilih Kabupaten/Kota :<br>
<select name="kota" id="kota">
<option>--Pilih Kabupaten/Kota--</option>
<?php
//mengambil nama-nama propinsi yang ada di database
$kota = mysql_query("SELECT * FROM kabkot ORDER BY nama_kabkot");
while($p=mysql_fetch_array($propinsi)){
echo "<option value=\"$p[id_kabkot]\">$p[nama_kabkot]</option>\n";
}
?>
</select>

<br>Pilih Kecamatan :<br>
<select name="kec" id="kec">
<option>--Pilih Kecamatan--</option>
</select>
</body>
</html>
*/

nah copy semua code dibawah dan kalian paste kan di notepad atau apalah
setelah itu kita buat file ambilkota.php kalian dapat copy file itu dibawah ini

cara membuat combobox bertingkat

4 Komentar untuk "cara membuat combobox bertingkat "

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel