JQuery UI Open Dialog запускает функцию

Question

Это суть того, что я пытаюсь выполнить с помощью этого кода. Я хочу выбрать ЧАС вперед, который этот код делает, он просто выбирает 4 пункта вниз. НО моя главная проблема, скажем, если кто-то выбирает 11:30 вечера или 12 часов ночи, мой код .NEXT () не работает ... Есть ли лучшее решение для этого?

$('.startTime222').change(function() {
   adjustTime = $(".startTime option:selected").next().next().next().next().val(); 
});

<select name="startTime" class="startTime222 required" id="startTime2" >
   <option value="00:00:00">12:00am</option>
   <option value="00:15:00">12:15am</option>
   <option value="00:30:00">12:30am</option>
   <option value="00:45:00">12:45am</option>
   <option value="01:00:00">1:00am</option>
   <option value="01:15:00">1:15am</option>
   <option value="01:30:00">1:30am</option>
   <option value="01:45:00">1:45am</option>
   ...
</select>

Answer 1

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

$('.startTime222').change(function() {
   adjustTime = $(".startTime option:selected").attr("data-adjust");
});

<select name="startTime" class="startTime222 required" id="startTime2" >
   <option value="00:00:00" data-adjust="01:00:00">12:00am</option>
   <option value="00:15:00" data-adjust="01:15:00">12:15am</option>
   <option value="00:30:00" data-adjust="01:30:00">12:30am</option>
   <option value="00:45:00" data-adjust="01:45:00">12:45am</option>
   <option value="01:00:00" data-adjust="02:00:00">1:00am</option>
   <option value="01:15:00" data-adjust="02:15:00">1:15am</option>
   <option value="01:30:00" data-adjust="02:30:00">1:30am</option>
   <option value="01:45:00" data-adjust="02:45:00">1:45am</option>
   ...
</select>