JQuery для обновления ссылок кнопок на странице ⇐ Jquery

[Anonymous]

План страницы заключается в том, чтобы в верхней части страницы было поле со списком годов, а внизу - ссылки на кнопки за 12 месяцев. Изменение года приведет к обновлению ссылок на кнопках, указывающих на файл для загрузки, или, если для этого года/месяца файла не существует, кнопка будет отключена. По разным причинам приходится использовать JQuery. Я никогда не использовал JQuery, поэтому постепенно обучаюсь, создавая скрипт.
Базовый HTML для страницы (также используется Bootstrap 5.3):

Код: Выделить всё

[url=#]January[/url]
[url=#]February[/url]
[url=#]March[/url]
[url=#]April[/url]
[url=#]May[/url]
[url=#]June[/url]
[url=#]July[/url]
[url=#]August[/url]
[url=#]September[/url]
[url=#]October[/url]
[url=#]November[/url]
[url=#]December[/url]

JQuery (пока...)

Код: Выделить всё

    $(document).ready(function () {
var currentYear = new Date().getFullYear();
for (var year = currentYear; year >= 2016; year--) {
$('#yearCmbo').append($('', {
value: year,
text: year
}));
}

$('#yearCmbo').on('change', function () {
var selectedYear = $(this).val();
alert(selectedYear);
// 1 - disable all the month buttons
$('#months .btn').attr('disabled', 'disabled');
// 2 - Set all the month hrefs to '' or #
// 3 - JSON/AJAX call to PHP file - send year and get back available months and hrefs
// set hrefs and enable buttons where data is available
});   // end combo change

// Initially force call to combo change function to display data for current year
$('#yearCmbo').change();

}); // end ready

Заполнение Year Combo (выбрать) работает, а запуск YearCmbo onchange работает (показывает предупреждение). Однако код для отключения кнопки не работает - кнопки остаются активными.
Буду признателен, если кто-нибудь расскажет мне, почему она не работает, а также как изменить hrefs как за комментарий 2 в сценарии.

Подробнее здесь: https://stackoverflow.com/questions/784 ... -on-a-page