Значения не изменятся при выборе в раскрывающемся списке?

Question

У меня есть функция, которая создает значения для времени, когда я пытаюсь их вычислить, однако, когда я пытаюсь изменить время раскрытия, значения не меняются, поскольку они просто остаются на 7. Функция загружает только значения по умолчанию. значения (время), которое равно 7, как это 7 утра.

Как видно из скриншота, когда форма загружена, она имеет время 7 утра со значением 7, но когда я изменяю время на 8:00, оно не показывает правильное значение 8 и остается на значение 7

Вот мой код:

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }

function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

var timeStringToValue = function timeStringToValue(timeStr) {
  var _timeStr$match = timeStr.match(/(\d+):(\d+) ([ap]m)/),
      _timeStr$match2 = _slicedToArray(_timeStr$match, 4),
      hours = _timeStr$match2[1],
      minutes = _timeStr$match2[2],
      ampm = _timeStr$match2[3];

  var ampmHourModifier = ampm === 'pm' ? 12 : 0;
  return Number(hours) + ampmHourModifier + minutes / 60;


};

var startMonTimeStr = $('.start-time-monday option:selected').text();
var FinishtMonTimeStr = $('.finish-time-monday option:selected').text();

var startMonValue = timeStringToValue(startMonTimeStr);


console.log(timeStringToValue(startMonTimeStr));
console.log(timeStringToValue(FinishtMonTimeStr));