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

  • Soru

  • 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)
    30 Temmuz 2019 Salı 10:14

Tüm Yanıtlar

  • 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...


    • Düzenleyen Murat Altu 30 Temmuz 2019 Salı 11:57 hatalı yazım
    30 Temmuz 2019 Salı 11:57