Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
tidak menampilkan data Provinsi ,kabupaten, kecamatan, desa.
untuk permasalahnya dimana ya ? mau menampilkan data wilayah malah tidak muncul kesalahan.png
ini untuk service.js nya
headers.append('Content-Type', 'application/json');
headers.append('Accept', 'application/json');
headers.append('Authorization', 'Basic ' + base64.encode(username + ":" + password));
headers.append('Origin','http://localhost:3000');
fetch("https://emsifa.github.io/api-wilayah-indonesia/api/provinces.json")
.then(Response=>Response.json())
.then(Data=>{
console.log(Data.legth);
var i= 0;
for (i = 0; i => Data.legth; i++){
document.getElementById('provinsi').innerHTML +="<option value='"+ Data[i].id +"'>"+ Data[i].name +"</option>";
};
});
var xEvent1 = document.getElementById('provinsi');
xEvent1.addEventListener("change", regency);
function regency(){
var province = xEvent1.value;
fetch("https://emsifa.github.io/api-wilayah-indonesia/api/regencies"+province+".json")
.then(Response=>Response.json())
.then(Data=>{
console.log(Data.legth);
var i= 0;
for (i = 0; i => Data.legth; i++){
document.getElementById('kabupaten').innerHTML +="<option value='"+ Data[i].id +"'>"+ Data[i].name +"</option>";
};
});
};
ini codingan provinsi.php nya
?php
$curl = curl_init();
curl_setopt_array($curl, array(
CURLOPT_URL => 'https://api.binderbyte.com/wilayah/provinsi?api_key=58248fe8b7fd249f89eb8ad57b83b40af715a8be268d703f421bac892d19aabc',
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => '',
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 0,
CURLOPT_FOLLOWLOCATION => true,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => 'GET',
CURLOPT_HTTPHEADER => array(
'key:58248fe8b7fd249f89eb8ad57b83b40af715a8be268d703f421bac892d19aabc'
),
));
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
if ($err) {
echo "cURL Error #:" . $err;
} else {
$array_response = json_decode($response,TRUE);
$dataprovinsi = $array_response["value"];
echo "<option value=''>Pilih Provinsi</option>";
foreach($dataprovinsi as $key => $tiap_provinsi)
{
echo "<option value='".$tiap_provinsi["name"]."' id_provinsi='".$tiap_provinsi["id"]."'>";
echo $tiap_provinsi["name"];
echo "</option>";
}
}
?>
dan ini untuk codingan kabupaten.php nya
<?php
$id_provinsi_terpilih = $_POST['id_provinsi'];
$curl = curl_init();
curl_setopt_array($curl, array(
CURLOPT_URL => 'https://api.binderbyte.com/wilayah/kabupaten?api_key=58248fe8b7fd249f89eb8ad57b83b40af715a8be268d703f421bac892d19aabc&id_provinsi='.$id_provinsi_terpilih,
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => '',
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 0,
CURLOPT_FOLLOWLOCATION => true,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "GET",
CURLOPT_HTTPHEADER => array(
'key:58248fe8b7fd249f89eb8ad57b83b40af715a8be268d703f421bac892d19aabc'
),
));
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
if ($err) {
echo "cURL Error #:" . $err;
} else {
$array_response = json_decode($response,TRUE);
$datakabupaten = $array_response["value"];
echo "<option value=''>Pilih Kabupaten/Kota</option>";
foreach($datakabupaten as $key => $tiap_kabupaten)
{
echo "<option value='".$tiap_kabupaten["name"]."'
id_kabupaten='".$tiap_kabupaten["id"]."'>";
echo $tiap_kabupaten["name"];
echo "</option>";
// echo "<option value='".$tiap_kabupaten["province_id"]."' id_provinsi='".$tiap_kabupaten["province_id"]."'>";
// echo $tiap_provinsi["province"];
// echo "</option>";
}
}
?>
terimakasih
1 Jawaban:
<div>debugging dulu aja,,, coba misal perulangannya bukan di option dulu,, misal di tabel, ato sekedar echo br,,, muncul tidak,, kalo tidak muncul,, berarti arraynya bermasalah,,<br><br>coba optionnya bukan pake perulangan,, tapi di tulis manual aja,, bikin sample 2-3 option,,, muncul ato tidak,,, kalo tidak,, berarti js/css/html bermasalah,,,<br><br>semoga membantu ^^</div>
Tanggapan
Oke nanti dicobaa..