сравнивающие поле выбора тайминги

Question

<select id="ddlMinExp"> 
      <option value="0">hour</option> 
      <option value="1">1</option> 
      <option value="2">2</option> 
      <option value="3">3</option> 
     <option value="4">4</option> 
      <option value="5">5</option> 
</select> 
<select id="mints1"> 
      <option value="">minuts</option> 
      <option value="00">00</option> 
      <option value="30">30</option> 
</select> 
<select id="ddlMaxExp" class="slct"> 
     <option value="0">hour</option> 
</select> 
<select id="mints"> 
     <option value="">minuts</option> 
     <option value="00">00</option> 
     <option value="30">30</option> 
</select> 

JS:

<script> 
    $(function() { 
     $('#ddlMinExp').change(function() { 
      //var selectedMaxValue = Number($(this).val()); 
      var selectedMinValue = Number($('#ddlMinExp').val()); 

      // alert(selectedMinValue); 
      if (selectedMinValue < 12) { 
       //alert(selectedMinValue); 
       $(".slct option").remove(); 
       for (i = selectedMinValue; i < 12; i++) { 
        $('select.slct').append('<option value="' + i + '"' + '>' + i + '</option>'); 
        //alert(i); 
       } 
      } 

      $('body').on('change', '#mints1', function() { 
       var mints = Number($(this).val()); 
       if (mints === 30) { 
        $(".slct option").remove(); 
        var j = selectedMinValue + 1; 
        for (j; j < 12; j++) { 
         $('select.slct').append('<option value="' + j + '"' + '>' + j + '</option>'); 
         //alert(i); 
        } 
       } else { 
        $(".slct option").remove(); 
        for (i = selectedMinValue; i < 12; i++) { 
         $('select.slct').append('<option value="' + i + '"' + '>' + i + '</option>'); 
         //alert(i); 
        } 
       } 
      }); 
     }); 
    }) 
</script> 

, если выбрать из первого выбора окна 4 автоматически третьего выбора окно начинается от 4, но когда даже я выбрать 30 из второго выбора коробки 3 выберите поле должно начинается с 5, первый раз, когда он работает, второй раз, если я выберу 3 из первого окна выбора. 3-я ячейка выбора должна начинаться с 4-х сторон, а второй второй флажок имеет значение 30, когда когда-либо я меняю первый и второй квадраты выбора. 3-я ячейка выбора должна меняться see fiddle link

Answer 1

Обновлена ​​ваша скрипка, пожалуйста, che ск здесь https://jsfiddle.net/ka56qw6t/7/

Я добавил еще одно условие в $('#ddlMinExp').change(function() проверить значение «mints1», если его 30 затем увеличивая «ddlMaxExp» на 1.

Answer 2

я отредактировали весь код, я думаю, что его работаю, как вы ожидали, взгляните на jsfidde

var selectedMinMnts = $('#ddlMntMin').val()!=="minuts"?Number($('#ddlMntMin').val()):null; 

     updateMaxTime(selectedMinHrs,selectedMinMnts); 
    }); 

    $('body').on('change', '#ddlMntMin', function() { 
    var selectedMinHrs = $('#ddlHrsMin').val() !== "hour"?Number($('#ddlHrsMin').val()):null; 
    var selectedMinMnts = $('#ddlMntMin').val()!=="minuts"?Number($('#ddlMntMin').val()):null; 
     updateMaxTime(selectedMinHrs,selectedMinMnts); 
    }); 

    function updateMaxTime(minHrs,minMnts){ 
     if((minHrs && minHrs != null)){ 
       if (minHrs < 12) { 
        //alert(selectedMinValue); 
        $(".ddlHrsMax option").remove(); 
        for (i = minHrs; i < 12; i++) { 
         $('select.ddlHrsMax').append('<option value="' + i + '"' + '>' + i + '</option>'); 
         //alert(i); 
        } 
       } 
     } 

     if((minMnts && minMnts != null)){ 
      console.log(minMnts); 
      if (minMnts === 30) { 
       $(".ddlHrsMax option").remove(); 
       var j = minHrs + 1; 
       for (j; j < 12; j++) { 
        $('select.ddlHrsMax').append('<option value="' + j + '"' + '>' + j + '</option>'); 
        //alert(i); 
       } 
      } else { 
       $(".ddlHrsMax option").remove(); 
       for (i = minHrs; i < 12; i++) { 
        $('select.ddlHrsMax').append('<option value="' + i + '"' + '>' + i + '</option>'); 
        //alert(i); 
       } 
      } 
     } 


    } 

})