Masalah diatas dapat kita atasi dengan mengunkan Jquery. mengapa dengan Jquery? Karena dengan Jquery kita lebih simple Penulisan coding.
Pertama Kita membuat sourecode JQuery
<script>
$(document).ready(function() {
$(".kecamatan").change(function() {
var kecamatan =$(this).val();
var dataString = 'kecamatan='+kecamatan;
$.ajax({
type: "POST",
url: "getdata.php",
data: dataString,
cache: false,
success: function(html) {
$(".des2").html(html);
}
});
});
});
</script>
Letakan code Jquery diantara <head>....</head> jadi sourcode menjadi
<head>
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.6.min.js"></script>
<script>
$(document).ready(function() {
$(".kecamatan").change(function() {
var kecamatan =$(this).val();
var dataString = 'kecamatan='+kecamatan;
$.ajax({
type: "POST",
url: "getdata.php",
data: dataString,
cache: false,
success: function(html) {
$(".des2").html(html);
}
});
});
});
</script>
</head>
</head>
<body>
<?
$server = "localhost";
$username ="root";
$password ="1";
$database ="cmb";
mysql_connect ($server,$username,$password);
mysql_select_db ($database);
?>
<table><tr>
<td >Kecamatan</td><td><select name="perkec" id="kecamatan" class="kecamatan">
<option>--Pilih Kecamatan--</option>
<?php
$datakec = mysql_query("SELECT * FROM kecamatan ORDER BY id_kecamatan");
while($p=mysql_fetch_array($datakec)){
echo "<option value=\"$p[id_kecamatan]\">$p[nama_kecamatan]</option>\n";
}
?>
</select> </td>
<tr><td >Desa</td>
<td >
<select id="des2" class="des2" name="desper">
<option value="" selected="selected">- Silahkan Pilih Desa -</option>
</select> </tr></td>
</body>
</html>
Lalu disimpan, sebagai contoh saya namakan cmbx.php
setelah itu membuat coding lagi dengan nama getdata.php coding sebagia berikut
<?php
$server = "localhost";
$username ="root";
$password ="1";
$database ="cmb";
mysql_connect ($server,$username,$password);
mysql_select_db ($database);
$id = $_POST['kecamatan'];
$sql = mysql_query("SELECT * FROM desa WHERE id_kecamatan='$id'");
echo "<option>--Pilih desa--</option>";
while($d=mysql_fetch_array($sql)){
echo "<option value=$d[id_desa]>$d[nama_desa]</option> \n";
}
?>
lalu disimpan
sehingga hasil nya sebagai berikut
No comments :
Post a Comment