Media Informasi Online - Pada Posting kali ini kita akan membuat Menu List SELECT pada PHP untuk memilih kategori Wilayah dan terdapat sub kategori Negara dengan menggunakan JSON.
Sebelum memulai source, buatlah terlebih dahulu database (MySQL 5), yang terdiri dari 2 tabel (Wilayahdan Negara).
Pada tabel Wilayah [view table] id_wilayah merupakan PK. Pada tabel Negara [view table] id_negara merupakan PK.
Ada 5 file penting dalam membuat list menu dengan PHP dan JSON:
1. index.php (file utama/main program)
2. json.php (file untuk mengambil data dari database dan mengubah dalam bentuk JSON)
3.jquery.js (file terdapat library JQuery/JavaScript)
4. koneksi.php (file untuk melakukan koneksi database)
5. json.sql (file dump SQL)
Kelima file diatas bisa di download : disini .(password ZIP: janxiz)
Source: Index.php
<html>
<head>
<title>List JQuery</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> $("select#propinsi").change(f
$(document).ready(function(){ unction(){
// Post string
+ $(this).val();
// Mengirimkan permintaan
var post_string = "id_propinsi="// Mengirimkan permintaan
dari pilihan id=propinsi
$.ajax({
type: "POST",
cache: false,
data: post_string, dataType: "json",
url: 'json.php',
timeout: 2000,
error: function() {
s: function(data) {
// Be
alert("Failed to submit"); // Be
},
succe
srsihkan isi option id=kabupaten
$("select#kabupaten option").remove();
, j){
var row = "<option value=""
// Mengisikan data option id=kabupaten var row = "<option value=""
$.each(data, function(
i + j.id_kabupaten + "">" + j.nama_kabupaten + "</option>";
$(row).appendTo("select#kabupaten");
});
<td>Nama Propinsi<
} });
});
});
</script>
</head>
<body>
<table width="30%" border="0">
<tr>
/td>
<td>:</td>
<td>
<select name="propinsi" id="propinsi">
<?php
include "koneksi.php";
on> n";
while($baris=mysql_fetch_array($result))
{
$result = mysql_query("SELECT * FROM propinsi", $link_id); while($baris=mysql_fetch_array($result))
{
echo "<option value=''>-- Pilih Propinsi --</opt
i
echo "<option value='$baris[id_propinsi]'>$baris[nama_propinsi]</option> n";
}
?>
</select>
</td>
</tr>
<tr>
<td>Nama Kabupaten</td>
</body>
<td>:</td><td>
<select name="kabupaten" id="kabupaten">
<option value="">-- Nama Kabupaten --</option>
</select>
</td>
</tr>
</table>
</html>
Source Json.php:
?php
< include "koneksi.php";
$json = array(); nsi'];
$result = mysql_que
$id=$_POST['id_prop$result = mysql_que
iry("SELECT * FROM kabupaten WHERE id_propinsi='$id'", $link_id);
if($id==''){ $json[] = array(
ama_kabupaten' => '-- Nama kabup
'id_kabupaten' => '', '
naten --'
); }
rray($result))
{
$json[] = arr
while($baris=mysql_fetch_{
$json[] = arr
aay(
'id_kabupaten' => $baris['id_kabupaten'],
);
}
echo json_encode($json);
'nama_kabupaten' => $baris['nama_kabupaten'] }
echo json_encode($json);
?>
Hasil program diatas, jika memilih salah satu Wilayah, maka pada menu SELECT Negara akan muncul negara-negara sesuai dengan Wilayah yang dipilih. Data Negara langsung diambil dari database melaluiJSON dengan metode POST (lihat baris 13 pada file index.php).Reference:
0 komentar:
Speak up your mind
Tell us what you're thinking... !