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);
    });