Спрятать блок при выборе в select значений больше определенного

[kazakru]

Добрый день.

есть код:

<div class="yearperiod" style="float: left; width: 300px; height: 50px;">Отчётный период:
<select style=" width: 60px; height: 30px; padding: 3px 2px; margin-bottom:5px;" name="year" id="year99" class="js-year-locker">
<?php
foreach ($yearArray as $year1) {
$selected1 = ($year1 == $god_0) ? 'selected' : '';
echo '<option '.$selected1.' value="'.$year1.'">'.$year1.'</option>';
}
?>
</select>
</div>

в нем года с 2018 по 2025

необходимо что бы при выборе значений больше 2023 скрывался <div class="kbk2024">

заранее огромное спасибо!

[Rise]

$(function () {
    $('#year99').on('change', function () {
        if (this.value > 2023) {
            $('.kbk2024').hide();
        } else {
            $('.kbk2024').show();
        }
    }).trigger('change');
});

[kazakru]

Спасибо Вам! но чуть чуть опоздали ))

всем спасибо, помогли в другом месте, точно таким же ответом ))

$('#year99').change(function() {
if ($(this).val() > 2023) {
$('.kbk2024').hide();
} else {
$('.kbk2024').show();
}
});