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

Это потому, что у вас есть прослушиватель событий изменения в самой форме, а не в выборе. Если вы измените функцию для прослушивания изменяемого .blogFilter__select, она должна работать:

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

Раньше вы регистрировали «значение» формы, которая пуста, а не значение выбора.

Еще один момент, несколько не связанный с этим. Вероятно, вам следует использовать идентификатор вместо класса для этого типа функции. Причина, по которой я говорю это, заключается в том, что если у вас есть несколько вариантов выбора в одной и той же форме. Вы можете использовать class="blogFilter__select" для их стилизации, но если вы хотите прослушать подобное изменение, оно может вести себя не так, как вы предполагали.

Я также добавил дополнительный способ регистрации значения выбора при изменении формы, если это то, что вы хотели. (Хотя он закомментирован, поэтому раскомментируйте его и поэкспериментируйте с ним, если хотите его использовать)

// Function only listens on pageSelect
// (use # instead of . to choose id instead of class)
// test with .blogFilter__select and you'll see it logs both
$(function() {
  $('#blogFilter__pageSelect').on('change', function() {
    console.log($(this).val());
  });
});

// Alternatively, if you wanted to listen for whenever the form was changed, but log the value of the select, you can do it by using the id of the select instead of 'this':
// $(function() {
//   $('#blogFilter__form').on('change', function() {
//     console.log($('#blogFilter__pageSelect').val());
//   });
// });

/* style affects both <select>s*/
.blogFilter__select {
  display: block;
  margin-bottom: 1em;
  color: red;
  font-weight: bold;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="blogFilter__form" class="blogFilter__form">
  <select id="blogFilter__pageSelect" 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>
  <select id="blogFilter__secondSelect" class="blogFilter__select">
    <option class="blogFilter__option" value="1">One</option>
    <option class="blogFilter__option" value="2">Two</option>
    <option class="blogFilter__option" value="3">Three</option>
  </select>
</form>