Arkadaşlar merhaba, ben bir tamirat sistemi yapmaya çalışıyorum fakat bir konuda yardımınıza ihtiyacım var.
2 tane Selectim var birisi Kategori diğeri Şehir. Kullanıcı bunları seçtiğinde ve ara butonuna bastığında hem kategoriler tablomdaki kategoriye hemde ustalar tablomdaki usta il verilerine göre yani bu iki şartı taşıyan ustaları listelemek istiyorum.
Örneğin Karabükte çalışan Su ustasını nasıl listeleyebilirim. Bu mümkün mü?
Detaylıca açıklamak istedim, uzattıysam kusara bakmayın. Şimdiden teşekkür ederim.
<!DOCTYPE html>
<html>
<head>
<title>Tamirat Sistemi</title>
</head>
<body>
<h2>Kategori</h2>
<select id="kategoriSecim">
<option value="1">Elektrikçi</option>
<option value="2">Marangoz</option>
<option value="3">Boyacı</option>
<!-- Diğer kategori seçeneklerini buraya ekleyin -->
</select>
<h2>Şehir</h2>
<select id="sehirSecim">
<option value="Ankara">Ankara</option>
<option value="İstanbul">İstanbul</option>
<option value="İzmir">İzmir</option>
<!-- Diğer şehir seçeneklerini buraya ekleyin -->
</select>
<button onclick="ara()">Ara</button>
<h2>Ustalar</h2>
<ul id="ustalarListesi"></ul>
<script>
function ara() {
var secilenKategori = document.getElementById("kategoriSecim").value;
var secilenSehir = document.getElementById("sehirSecim").value;
// Ustaların bulunduğu bir veritabanı veya API'den ustaları alın
// Burada veritabanı veya API bağlantısı yapmanız gerekebilir
// Örnek ustalar listesi
var ustalar = [
{ ad: "Ahmet", kategori: 1, sehir: "Ankara" },
{ ad: "Mehmet", kategori: 2, sehir: "İstanbul" },
{ ad: "Ayşe", kategori: 1, sehir: "İstanbul" },
// Diğer ustaları buraya ekleyin
];
var uygunUstalar = ustalar.filter(function(usta) {
return usta.kategori == secilenKategori && usta.sehir == secilenSehir;
});
var ustalarListesi = document.getElementById("ustalarListesi");
ustalarListesi.innerHTML = "";
if (uygunUstalar.length === 0) {
var li = document.createElement("li");
li.textContent = "Uygun ustalar bulunamadı.";
ustalarListesi.appendChild(li);
} else {
uygunUstalar.forEach(function(usta) {
var li = document.createElement("li");
li.textContent = usta.ad;
ustalarListesi.appendChild(li);
});
}
}
</script>
</body>
</html>Bu örnek kodda, kullanıcının seçtiği Kategori ve Şehir'e göre uygun ustaları listeleyebilirsiniz. JavaScript kodu, ara() adlı bir fonksiyon içerir. Bu fonksiyon, kullanıcının seçtiği kategori ve şehirle uyumlu ustaları bulur ve ustalarListesi adlı bir HTML listesine ekler.
Örneğin, kullanıcı "Elektrikçi" kategorisini ve "Ankara" şehrini seçtiğinde, ustalar dizisindeki uygun ustaların adları ustalarListesine eklenir.