В списке ul MVC не работает переключение клавиш вверх и вниз при пропуске одного элемента (Примечание: для привязки значения БД используется элемент управления Html.DropDownListFor)

Question

Я использовал HtmlHelpers DropdownlistFor, чтобы связать список значений из моей базы данных.Я также использую Bootstrap SelectPicker для этого элемента управления.

Моя проблема заключается в том, что при использовании клавиш вверх и вниз для выбора значений из списка он пропускает один элемент.

@Html.DropDownListFor(model => model.AssignedTo, new SelectList(string.Empty, "Value", "Text"), "Please select a user", new { 
  @class = "form-control input-sm selectpicker", 
  id = "ddlAssignedTo", 
  data_live_search = "true", 
  data_size = "7" 
})    

// example 1
$('.dropdown-menu').on('keyup change', function() {
  var selectedValue = $(this).val();

  $('.dropdown-menu').each(function() {
    $(this).val(selectedValue);
  })
});

// example 2
$('.dropdown-menu').on('keyup change', function() {
  var selectedValue = $(this).val();

  $.each($('.dropdown-menu'), function() {
    $(this).val(selectedValue);
  })
});

Проблема: