При выборе изменения получить значение параметра

Я видел множество вопросов по этому поводу, которые дают аналогичные ответы, а именно:

• Вопрос 1
• Вопрос 2

Однако, если следовать их подходам, это ничего не дает мне?

$(function() {
  $('.blogFilter__form').on('change', function(){
    // location.href = $(this).val();
    console.log($(this).val());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="blogFilter__form">
  <select class="blogFilter__select">
    <option class="blogFilter__option" value="">Topics</option>
    <option class="blogFilter__option" value="/topics/how-to/">How to</option>
    <option class="blogFilter__option" value="/topics/news/">News</option>
  </select>
</form>

Я пытаюсь перенаправить пользователя на основе выбранного значения option.

В настоящее время запуск console.log($(this).val()); ничего не регистрирует для меня?

Вы пробовали $('.blogFilter__select') вместо $('.blogFilter__form')   —  person Freddy    schedule 15.06.2021