PHP jQuery anlık veri çekme

23-03-2022, 23:37:07

Merhabalar, PHP ve jQuery kullanarak seçilen kategoriye göre bir arama bölümü hazırlamak istiyorum. Keyup yardımıyla inputa girilen değeri ve option value dan gelen kategori değerini anlık olarak alabiliyorum. Fakat seçilen kategori değerinin anlık olarak alınması için optiondan değişim yapıldıktan sonra inputa değer girilmesi gerekiyor, aksi halde seçilen son değer baz alınıyor. 2 değeri de anlık olarak nasıl alabilirim?

Şimdiden sonsuz teşekkür ederim.

            <div class="input-group d-none d-lg-flex flex-nowrap mx-4">
                <i style="z-index: 5;" class="fa-solid fa-magnifying-glass position-absolute top-50 start-0 translate-middle-y ms-3"></i>
                <input style="padding-left: 2.5rem;" class="form-control rounded-start w-100" type="text" placeholder="Search for products" name="search_box" id="search_box">
                <select class="form-select flex-shrink-0" style="width: 14rem;" name="search_select" id="search_select">
                    <option value="all">All categories</option>
                    <option value="bakery">Bakery</option>
                </select>
            </div>

    $('#search_box').keyup(function(){
        var search_box = $('#search_box').val();
        var search_select = $('#search_select').val();
        alert(search_box+search_select);
    });

23-03-2022, 23:52:00

#2

Comicsoon

$('#search_select').onchange vererip deneyebillirsin

23-03-2022, 23:57:21

#3

iyovi

AKSOYOGLU adlı üyeden alıntı: mesajı görüntüle

Merhabalar, PHP ve jQuery kullanarak seçilen kategoriye göre bir arama bölümü hazırlamak istiyorum. Keyup yardımıyla inputa girilen değeri ve option value dan gelen kategori değerini anlık olarak alabiliyorum. Fakat seçilen kategori değerinin anlık olarak alınması için optiondan değişim yapıldıktan sonra inputa değer girilmesi gerekiyor, aksi halde seçilen son değer baz alınıyor. 2 değeri de anlık olarak nasıl alabilirim?

Şimdiden sonsuz teşekkür ederim.

            <div class="input-group d-none d-lg-flex flex-nowrap mx-4">
                <i style="z-index: 5;" class="fa-solid fa-magnifying-glass position-absolute top-50 start-0 translate-middle-y ms-3"></i>
                <input style="padding-left: 2.5rem;" class="form-control rounded-start w-100" type="text" placeholder="Search for products" name="search_box" id="search_box">
                <select class="form-select flex-shrink-0" style="width: 14rem;" name="search_select" id="search_select">
                    <option value="all">All categories</option>
                    <option value="bakery">Bakery</option>
                </select>
            </div>

    $('#search_box').keyup(function(){
        var search_box = $('#search_box').val();
        var search_select = $('#search_select').val();
        alert(search_box+search_select);
    });

Sana tavsiyem iki tane fonksiyon yaz birisi onkeyup diğeri onchange olacak şekilde onkeyup için bir parametre al oda ilk etapta boş olacağı için doluluk boşluk kontrolü yap eğer boşsa direk gidip selectin seçili değerini alsın. Onchange içinde de onkeyup için yazdığın fonksiyonu çalıştır. Onchange nasılsa yakalayabileceksin değerini onuda onkeyup parametre içerisinde gönder gitsin bir fonksiyon yazacaksın iki fonksiyonuda çalıştırmış olacaksın : )

24-03-2022, 00:13:00

#4

AKSOYOGLU

iyovi adlı üyeden alıntı: mesajı görüntüle

Sana tavsiyem iki tane fonksiyon yaz birisi onkeyup diğeri onchange olacak şekilde onkeyup için bir parametre al oda ilk etapta boş olacağı için doluluk boşluk kontrolü yap eğer boşsa direk gidip selectin seçili değerini alsın. Onchange içinde de onkeyup için yazdığın fonksiyonu çalıştır. Onchange nasılsa yakalayabileceksin değerini onuda onkeyup parametre içerisinde gönder gitsin bir fonksiyon yazacaksın iki fonksiyonuda çalıştırmış olacaksın : )

Teşekkür ederim hocam, mesajı çözebilirsem deneyeceğim. Aşçı bahçıvanı, bahçıvan şöförü, şöför uşağı, sonra hepsi uşağı gibi olmuş 😅👍

24-03-2022, 00:38:08

#5

CodeDev

Editörde sıkıntı var pm attım size.

24-03-2022, 02:33:21

#6

AKSOYOGLU

CodeDev adlı üyeden alıntı: mesajı görüntüle

Editörde sıkıntı var pm attım size.

İlginize çok teşekkür ederim.