0

В браузере Safari на iPhone не работает функция, вызываемая событием 'keyup'. Событие 'input' также ничего не дало.

var orderFiltersSpecialization = document.getElementById("orderFiltersSpecialization");
if (orderFiltersSpecialization) {
    var specializationLabels = document.querySelectorAll(".orderFilters__item--specialization label");

    specializationLabels.forEach((label) => {
        label.addEventListener('change', (evt) => {
            orderFiltersSpecialization.value = evt.currentTarget.querySelector('input').value
        })
    })
    
    function filterSpecialization() {
        var filter = orderFiltersSpecialization.value.toUpperCase();
        
        for (var i = 0; i < specializationLabels.length; i++) {
            var txtValue = specializationLabels[i].textContent || specializationLabels[i].innerText;
            if (txtValue.toUpperCase().indexOf(filter) > -1) {
                specializationLabels[i].style.display = "";
            } else {
                specializationLabels[i].style.display = "none";
            }
            
        }
        
    }
    orderFiltersSpecialization.addEventListener('keyup', filterSpecialization)
}

1 ответ 1

0

Проблема решена. Не знаю почему это сработало, но сработало. Прикладываю код:

var orderFiltersSpecialization = document.getElementById("orderFiltersSpecialization");

    if (orderFiltersSpecialization) {
        var specializationLabels = document.querySelectorAll(".orderFilters__item--specialization label");
    
        specializationLabels.forEach((label) => {
            label.addEventListener('change', (evt) => {
                orderFiltersSpecialization.value = evt.currentTarget.querySelector('input').value
            })
        })
        
        orderFiltersSpecialization.oninput = function() {
            var filter = orderFiltersSpecialization.value.toUpperCase();
            
            for (var i = 0; i < specializationLabels.length; i++) {
                var txtValue = specializationLabels[i].textContent || specializationLabels[i].innerText;
                if (txtValue.toUpperCase().indexOf(filter) > -1) {
                    specializationLabels[i].style.display = "";
                } else {
                    specializationLabels[i].style.display = "none";
                }
                
            }
            
        }
        //orderFiltersSpecialization.addEventListener('input', filterSpecialization)
        
    }

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.