DDLİSTTEN VERİ SEÇTİĞİMDE SAYFA YENİLENMESİ

Question

Arkadaşlar merhabalar, il ilçe uygulamam da ilddlist inden il seçtiğimde ilçeyi getirmek için sayfayı yeniliyor bu konuda bilginiz varmıdır nasıl sayfayı yenilememesini sağlarım yada nasıl bir alternatif çözüm sunarım(şuan sitem açık daha detaylı görebilirsiniz fakat sanırım link paylaşmak yasak)

Answer 1

Ajax ile il ilçe seçimi yapabilirsin. İl seçildiği zaman ilçe verisi getirilsin.

<script>
    $(document).ready(function () {
        $("#il").change(function () {
            var id = $(this).val();
            $.ajax(
                {
                    type: 'POST',
                    url: '_ilcefaaliyet/' + id,
                    dataType: "JSON",
                    success: function (data) {
                        if (data) {
                            $('#ilce').removeAttr("disabled")
                            $('#ilce').html("");
                            $('#ilce').append('<option value="">Seçim yapınız</option>');
                            $(data.Veri).each(function (item) {
                                $('#ilce').append('<option value="' + data.Veri[item].Value + '">' + data.Veri[item].Text + '</option>');
                            });
                        } else {
                            $('#ilce').html("");
                            $('#ilce').append('<option value="">Veri mevcut değil</option>');
                        }

                    }
                });
        });
        $("#ilce").change(function () {
            var id = $(this).val();
            var sayac = 0;
            $.ajax(
                {
                    type: 'POST',
                    url: '_faaliyet/' + id,
                    dataType: "JSON",
                    success: function (data) {
                        if (data) {
                            $('#faaliyetYazdir').removeAttr("hidden")
                            $('#tabloil').html("");
                            $(data.Veri).each(function (item) {
                                sayac++;
                                var fotolar = "";
                                for (var i in data.Veri[item].foto) {
                                    fotolar += " <a href='../images/" + data.Veri[item].foto[i] + "' target='_blank'><img src='../mini/" + data.Veri[item].foto[i] + "'/></a>";
                                };
                                var butson = ""; //onaylı olup olmadığını kontrol edip onay durumuna göre buton işlemi yapma
                                butson = "<a href='#" + data.Veri[item].guid + "' id='Detay' data-target='" + data.Veri[item].guid + "' class='btn btn-outline-info btn-sm'  ><i class='fas fa-list' title='Detay'></i></a>";
                                var veriListesi = '<tr><td>' + sayac
                                    + '</td><td>' + data.Veri[item].ili + '</td>'
                                    + '</td><td>' + data.Veri[item].ilcesi + '</td>'
                                    + '</td><td>' + data.Veri[item].okul + '</td>'
                                    + '</td><td>' + data.Veri[item].baslik + '</td>'
                                    + '</td><td hidden>' + data.Veri[item].icerik + '</td>'
                                    + '</td><td hidden>' + data.Veri[item].ogretmen + '</td>'
                                    + '</td><td hidden>' + data.Veri[item].ogrenci + '</td>'
                                    + '</td><td>' + fotolar + '</td>'
                                    + '</td><td>' + data.Veri[item].tarihi + '</td>'
                                    + '</td><td>' + butson + '</td></tr>';
                                $('#tabloil').append(veriListesi);
                            });
                        } else {
                            $('#faaliyetYazdir').removeAttr("hidden")
                            $('#tabloil').html("");
                            var liste = '<tr><td colspan="9" class="text-center"><b >Veri mevcut değil</b></td>/<tr>';
                            $('#tabloil').append(liste);
                        }
                    }
                });
        });
    });
</script>

---

Öğrenmek ne güzel şey...