jQuery UIダイアログを開く実行機能

Question

これは私がこのコードで達成しようとしていることの要点です。 私はHOURを先に選択したいと思っていますが、このコードはそれを行います。ただ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

心に示唆を持って、オプションに別の属性として調整時間を保存します。この方法では、選択した時間と調整された時間にはまだアクセスできます。両方の値にアクセスできるようになったので、4人の子供を先に進める必要はなくなりました。

$('.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>