PHP JavaScript MySQL İl İlçe Seçim Kutusu Yapımı

PHP ile MySQL ilişkili tablolar üzerinde il ilçe yada marka model gibi verileri seçmek için aşağıdaki kodları kullanabilirsiniz.

İlginizi çekebilir: PHP PDO Veritabanı İşlemleri (Seç, Ekle, Sil, Güncelle)

İlk olarak veritabanı bağlantısı yaparak başlıyoruz. Bunun için aşağıdaki baglan.php dosyasını kullanabilirsiniz. Dosyadaki bağlantıları sisteminize uygun olarak değiştirmeyi unutmayın.

baglan.php

<?php

/* Sürücü isteğiyle bir ODBC veritabanına bağlanalım */

$dsn = 'mysql:dbname=tasarimkodlama;host=127.0.0.1';

$user = 'root';

$password = '';

try {

$baglan = new PDO($dsn, $user, $password);

} catch (PDOException $e) {

echo 'Bağlantı kurulamadı: ' . $e->getMessage();

}

Bağlantı cümlemizi yazdıktan sonra il ilçe veritabanı için gerekli olan kodları yazmaya başlayabiliriz. İl ilçe kayıtlarınız yoksa buradaki bağlantıdan SQL İl İlçe verilerini indirebilirsiniz.

İçindekiler

PHP MySQL ile İl İlçe Kayıtlarını Sorgulama

Adım 1: İlk olarak HTML kodlarını yazarak başlıyoruz.

<label>İl Bilgileri:

</select>

</label>

<label>İlçe Bilgileri:

</select>

</label>

</form>

//ajax kodları burada olacak

</script>

Adım 2: HTML kodlarını yukarıdaki gibi yaptıktan sonra fonksiyon.php dosyasında il kayıtlarını yüklemek için gerekli olan ilGetir() fonksiyonu yazıyoruz.

fonksiyon.php

<?php

include "baglan.php";

function ilGetir(){

global $baglan;

$sql ="SELECT * FROM iller";

$sorgu = $baglan->prepare($sql);

$sorgu->execute();

return $sorgu->fetchAll();

}

Adım 3: Şimdi İl kayıtları için il bilgileri HTML dosyasına bağlayalım.

<?php

include "fonksiyon.php";

$iller = ilGetir();

<label>İl Bilgileri:

<?php foreach($iller as $il): ?>

<?php endforeach; ?>

</select>

</label>

<label>İlçe Bilgileri:

</select>

</label>

</form>

Adım 4: İl kayıtlarımız geldi. Şimdi ilçe kayıtları için gerekli PHP fonksiyonunu yazalım. fonksiyon.php dosyasına ilceGetir() fonksiyonunu ekleyelim. Ayrıca JS ile kayıtları çekmek için $_GET[“sehirid”] şartını da ekledik.

<?php

include "baglan.php";

function ilGetir(){

global $baglan;

$sql ="SELECT * FROM iller";

$sorgu = $baglan->prepare($sql);

$sorgu->execute();

return $sorgu->fetchAll();

}

function ilceGetir($sehirId){

global $baglan;

$sql ="SELECT * FROM ilceler WHERE sehirid = ?";

$sorgu = $baglan->prepare($sql);

$sorgu->execute([

$sehirId

]);

return $sorgu->fetchAll();

}

//fetch ile sorgulanacak JSON dosyası

if(isset($_GET["sehirid"]))

echo json_encode(ilceGetir($_GET["sehirid"]));

Adım 6: İlçe kayıtlarını getirmek için il seçimi yapıldığında sayanın il kaydı ile yönlenmesi için gerekli olan JavaScript kodunu yazıyoruz.

document.querySelector("#il").onchange=function(){

//fonksiyon dosyasının bulunduğu adresi tanımlayın.

let adres = window.location.origin+"/tasarimkodlama/fonksiyon.php";

adres +="?sehirid="+this.value;

//İlçe Kayıtları Çekiliyor.

fetch(adres)

.then(response => response.json())//parse json data

.then(function(ilceler){

document.querySelector("#ilce").innerText=""

ilceler.forEach(ilce =>{

//Çekilen ilçe kayıtlarını option oluşturup ilce kutusnuna ekliyoruz.

const opt = document.createElement("option")

opt.innerText = ilce.ilceadi

opt.value=ilce.id

//ilce select kutusuna ekle

document.querySelector("#ilce").appendChild(opt);

})

}

</script>

Kodların yazımı bu kadardı istediğimiz şekilde il ilçe yada ürün marka seçimi yapıp combobox öğelerini dolurabiliriz. Kodların dosyalar halinde yazılmışı aşağıdaki gibidir.

PHP MySQL JavaScript il ilçe Sorgulama

baglan.php

<?php

/* Sürücü isteğiyle bir ODBC veritabanına bağlanalım */

$dsn = 'mysql:dbname=tasarimkodlama;host=127.0.0.1';

$user = 'root';

$password = '';

try {

$baglan = new PDO($dsn, $user, $password);

} catch (PDOException $e) {

echo 'Bağlantı kurulamadı: ' . $e->getMessage();

}

fonksiyon.php

<?php

include "baglan.php";

function ilGetir(){

global $baglan;

$sql ="SELECT * FROM iller";

$sorgu = $baglan->prepare($sql);

$sorgu->execute();

return $sorgu->fetchAll();

}

function ilceGetir($sehirId){

global $baglan;

$sql ="SELECT * FROM ilceler WHERE sehirid = ?";

$sorgu = $baglan->prepare($sql);

$sorgu->execute([

$sehirId

]);

return $sorgu->fetchAll();

}

//fetch ile sorgulanacak JSON dosyası

if(isset($_GET["sehirid"]))

echo json_encode(ilceGetir($_GET["sehirid"]));

illce.php

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TASARIM KODLAMA</title>
</head>
<body>

<?php
include "fonksiyon.php";
$iller = ilGetir();
?>

<label>İl Bilgileri:
        <select name="il" id="il">
        <?php foreach($iller as $il): ?>
            <option value="<?=$il['id']?>"><?=$il['sehiradi']?></option>
        <?php endforeach; ?>
        </select>
    </label>

<label>İlçe Bilgileri:
        <select name="ilce" id="ilce">
        </select>
    </label>
</form>

document.querySelector("#il").onchange=function(){
    //fonksiyon dosyasının bulunduğu adresi tanımlayın.
    let adres = window.location.origin+"/tasarimkodlama/fonksiyon.php";
    adres +="?sehirid="+this.value;

//İlçe Kayıtları Çekiliyor.
    fetch(adres)
      .then(response => response.json())//parse json data
      .then(function(ilceler){

document.querySelector("#ilce").innerText=""

ilceler.forEach(ilce =>{
        //Çekilen ilçe kayıtlarını option oluşturup ilce kutusnuna ekliyoruz.
            const opt = document.createElement("option")
            opt.innerText = ilce.ilceadi
            opt.value=ilce.id

//ilce select kutusuna ekle
            document.querySelector("#ilce").appendChild(opt);

})
  
    })
}
</script>

</body>
</html>

<!DOCTYPE html>

<head>

<title>TASARIM KODLAMA</title>

</head>

<body>

<?php

include "fonksiyon.php";

$iller = ilGetir();

<label>İl Bilgileri:

<?php foreach($iller as $il): ?>

<?php endforeach; ?>

</select>

</label>

<label>İlçe Bilgileri:

</select>

</label>

</form>

document.querySelector("#il").onchange=function(){

//fonksiyon dosyasının bulunduğu adresi tanımlayın.

let adres = window.location.origin+"/tasarimkodlama/fonksiyon.php";

adres +="?sehirid="+this.value;

//İlçe Kayıtları Çekiliyor.

fetch(adres)

.then(response => response.json())//parse json data

.then(function(ilceler){

document.querySelector("#ilce").innerText=""

ilceler.forEach(ilce =>{

//Çekilen ilçe kayıtlarını option oluşturup ilce kutusnuna ekliyoruz.

const opt = document.createElement("option")

opt.innerText = ilce.ilceadi

opt.value=ilce.id

//ilce select kutusuna ekle

document.querySelector("#ilce").appendChild(opt);

})

}

</script>

</body>

</html>

Ekran Çıktısı:

3 yorum

İptal Et

Adem dedi ki:
Mayıs 24, 2022, 11:13 pm
Teşekkürler.
Güzel çalışma
Cevapla
umut dedi ki:
Mayıs 27, 2022, 12:27 am
hocam selamlar.Peki bu yapıya php ile update ekranında nasıl verileri çekicez?
Cevapla
ayşe dedi ki:
Şubat 24, 2023, 8:57 pm
merhaba burda il ilçe seçimi yapıldıktan sonra seçilen il ilçeye ait kişiler nasıl listelenir?
Cevapla

PHP JavaScript MySQL İl İlçe Seçim Kutusu Yapımı

PHP MySQL ile İl İlçe Kayıtlarını Sorgulama

PHP MySQL JavaScript il ilçe Sorgulama

3 yorum

İptal Et

PHP ile JavaScript Ajax Kullanımı

PHP’de MySQLi Kullanarak Veri Güncelleme

PHP Switch Case Örnekleri

Php Vize Final Notu Hesaplama Ve Geçme Durumu Örneği

Son Yazılar

Son Yorumlar

PHP JavaScript MySQL İl İlçe Seçim Kutusu Yapımı

PHP MySQL ile İl İlçe Kayıtlarını Sorgulama

PHP MySQL JavaScript il ilçe Sorgulama

3 yorum

İptal Et

Bunlar da ilginizi çekebilir

PHP ile JavaScript Ajax Kullanımı

PHP’de MySQLi Kullanarak Veri Güncelleme

PHP Switch Case Örnekleri

Php Vize Final Notu Hesaplama Ve Geçme Durumu Örneği

Son Yazılar

Son Yorumlar