时间戳

首页 > 解决方案 > 在下拉菜单中重新启用/禁用选项值

javascript - 在下拉菜单中重新启用/禁用选项值

问题描述

如何重新启用返回下拉值？我只得到了禁用的部分，因为我不知道如何重新启用它。我在 startTime 上单击了 1000，因此在 1000 之前应该禁用 endTime 选项值。但是当我在那之后单击 0800 时，它不会从 0900 到 2000 重新启用。请注意，这是用于更新部分..

这是我的代码：

    Start Time:
    <select class="form-control" name="startTime" id="startTime">
    <option value="8" <?php if($row['StartTime'] == "8") echo 'selected="selected"'; ?> >0800</option>
    <option value="9" <?php if($row['StartTime'] == "9") echo 'selected="selected"'; ?> >0900</option>
    <option value="10" <?php if($row['StartTime'] == "10") echo 'selected="selected"'; ?> >1000</option>
    <option value="11" <?php if($row['StartTime'] == "11") echo 'selected="selected"'; ?> >1100</option>
    <option value="12" <?php if($row['StartTime'] == "12") echo 'selected="selected"'; ?> >1200</option>
    <option value="13" <?php if($row['StartTime'] == "13") echo 'selected="selected"'; ?> >1300</option>
    <option value="14" <?php if($row['StartTime'] == "14") echo 'selected="selected"'; ?> >1400</option>
    <option value="15" <?php if($row['StartTime'] == "15") echo 'selected="selected"'; ?> >1500</option>
    <option value="16" <?php if($row['StartTime'] == "16") echo 'selected="selected"'; ?> >1600</option>
    <option value="17" <?php if($row['StartTime'] == "17") echo 'selected="selected"'; ?> >1700</option>
    <option value="18" <?php if($row['StartTime'] == "18") echo 'selected="selected"'; ?> >1800</option>
    <option value="19" <?php if($row['StartTime'] == "19") echo 'selected="selected"'; ?> >1900</option>
    <option value="20" <?php if($row['StartTime'] == "20") echo 'selected="selected"'; ?> >2000</option>
    </select>

    End Time:
    <select class="form-control" name="endTime" id="endTime">
    <option value="8" <?php if($row['EndTime'] == "8") echo 'selected="selected"'; ?> >0800</option>
    <option value="9" <?php if($row['EndTime'] == "9") echo 'selected="selected"'; ?> >0900</option>
    <option value="10" <?php if($row['EndTime'] == "10") echo 'selected="selected"'; ?> >1000</option>
    <option value="11" <?php if($row['EndTime'] == "11") echo 'selected="selected"'; ?> >1100</option>
    <option value="12" <?php if($row['EndTime'] == "12") echo 'selected="selected"'; ?> >1200</option>
    <option value="13" <?php if($row['EndTime'] == "13") echo 'selected="selected"'; ?> >1300</option>
    <option value="14" <?php if($row['EndTime'] == "14") echo 'selected="selected"'; ?> >1400</option>
     <option value="15" <?php if($row['EndTime'] == "15") echo 'selected="selected"'; ?> >1500</option>
    <option value="16" <?php if($row['EndTime'] == "16") echo 'selected="selected"'; ?> >1600</option>
    <option value="17" <?php if($row['EndTime'] == "17") echo 'selected="selected"'; ?> >1700</option>
    <option value="18" <?php if($row['EndTime'] == "18") echo 'selected="selected"'; ?> >1800</option>
    <option value="19" <?php if($row['EndTime'] == "19") echo 'selected="selected"'; ?> >1900</option>
    <option value="20" <?php if($row['EndTime'] == "20") echo 'selected="selected"'; ?> >2000</option>
    </select>



     <script type="text/javascript">
        $('#startTime').change(function(e)
        {
          if($(this).val() == "8")
          {
            $("#endTime option[value = '8']").prop('disabled' , true);

          }
          else if($(this).val() == "9")
          {
            $("#endTime option[value = '8']").prop('disabled' , true);
            $("#endTime option[value = '9']").prop('disabled' , true);
          }
          else if($(this).val() == "10")
          {
            $("#endTime option[value = '8']").prop('disabled' , true);
            $("#endTime option[value = '9']").prop('disabled' , true);
            $("#endTime option[value = '10']").prop('disabled' , true);
          }
        else if($(this).val() == "11")
        {
          $("#endTime option[value = '8']").prop('disabled' , true);
          $("#endTime option[value = '9']").prop('disabled' , true);
          $("#endTime option[value = '10']").prop('disabled' , true);
          $("#endTime option[value = '11']").prop('disabled' , true);
        }
        else if($(this).val() == "12")
        {
          $("#endTime option[value = '8']").prop('disabled' , true);
          $("#endTime option[value = '9']").prop('disabled' , true);
          $("#endTime option[value = '10']").prop('disabled' , true);
          $("#endTime option[value = '11']").prop('disabled' , true);
          $("#endTime option[value = '12']").prop('disabled' , true);
        }
        else if($(this).val() == "13")
        {
         $("#endTime option[value = '8']").prop('disabled' , true);
          $("#endTime option[value = '9']").prop('disabled' , true);
          $("#endTime option[value = '10']").prop('disabled' , true);
          $("#endTime option[value = '11']").prop('disabled' , true);
          $("#endTime option[value = '12']").prop('disabled' , true);
          $("#endTime option[value = '13']").prop('disabled' , true);
        }
        else if($(this).val() == "14")
        {
         $("#endTime option[value = '8']").prop('disabled' , true);
          $("#endTime option[value = '9']").prop('disabled' , true);
          $("#endTime option[value = '10']").prop('disabled' , true);
          $("#endTime option[value = '11']").prop('disabled' , true);
          $("#endTime option[value = '12']").prop('disabled' , true);
          $("#endTime option[value = '13']").prop('disabled' , true);
          $("#endTime option[value = '14']").prop('disabled' , true);
        }
        else if($(this).val() == "15")
        {
         $("#endTime option[value = '8']").prop('disabled' , true);
          $("#endTime option[value = '9']").prop('disabled' , true);
          $("#endTime option[value = '10']").prop('disabled' , true);
          $("#endTime option[value = '11']").prop('disabled' , true);
          $("#endTime option[value = '12']").prop('disabled' , true);
          $("#endTime option[value = '13']").prop('disabled' , true);
          $("#endTime option[value = '14']").prop('disabled' , true);
          $("#endTime option[value = '15']").prop('disabled' , true);
        }
        else if($(this).val() == "16")
        {
         $("#endTime option[value = '8']").prop('disabled' , true);
          $("#endTime option[value = '9']").prop('disabled' , true);
          $("#endTime option[value = '10']").prop('disabled' , true);
          $("#endTime option[value = '11']").prop('disabled' , true);
          $("#endTime option[value = '12']").prop('disabled' , true);
          $("#endTime option[value = '13']").prop('disabled' , true);
          $("#endTime option[value = '14']").prop('disabled' , true);
          $("#endTime option[value = '15']").prop('disabled' , true);
          $("#endTime option[value = '16']").prop('disabled' , true);
        }
        else if($(this).val() == "17")
        {
         $("#endTime option[value = '8']").prop('disabled' , true);
          $("#endTime option[value = '9']").prop('disabled' , true);
          $("#endTime option[value = '10']").prop('disabled' , true);
          $("#endTime option[value = '11']").prop('disabled' , true);
          $("#endTime option[value = '12']").prop('disabled' , true);
          $("#endTime option[value = '13']").prop('disabled' , true);
          $("#endTime option[value = '14']").prop('disabled' , true);
          $("#endTime option[value = '15']").prop('disabled' , true);
          $("#endTime option[value = '16']").prop('disabled' , true);
          $("#endTime option[value = '17']").prop('disabled' , true);
        }
        else if($(this).val() == "18")
        {
         $("#endTime option[value = '8']").prop('disabled' , true);
          $("#endTime option[value = '9']").prop('disabled' , true);
          $("#endTime option[value = '10']").prop('disabled' , true);
          $("#endTime option[value = '11']").prop('disabled' , true);
          $("#endTime option[value = '12']").prop('disabled' , true);
          $("#endTime option[value = '13']").prop('disabled' , true);
          $("#endTime option[value = '14']").prop('disabled' , true);
          $("#endTime option[value = '15']").prop('disabled' , true);
          $("#endTime option[value = '16']").prop('disabled' , true);
          $("#endTime option[value = '17']").prop('disabled' , true);
          $("#endTime option[value = '18']").prop('disabled' , true);
        }
        else if($(this).val() == "19")
        {
         $("#endTime option[value = '8']").prop('disabled' , true);
          $("#endTime option[value = '9']").prop('disabled' , true);
          $("#endTime option[value = '10']").prop('disabled' , true);
          $("#endTime option[value = '11']").prop('disabled' , true);
          $("#endTime option[value = '12']").prop('disabled' , true);
          $("#endTime option[value = '13']").prop('disabled' , true);
          $("#endTime option[value = '14']").prop('disabled' , true);
          $("#endTime option[value = '15']").prop('disabled' , true);
          $("#endTime option[value = '16']").prop('disabled' , true);
          $("#endTime option[value = '17']").prop('disabled' , true);
          $("#endTime option[value = '18']").prop('disabled' , true);
          $("#endTime option[value = '19']").prop('disabled' , true);
        }
        else
        {
          $("#endTime option[value = '8']").prop('disabled' , true);
          $("#endTime option[value = '9']").prop('disabled' , true);
          $("#endTime option[value = '10']").prop('disabled' , true);
          $("#endTime option[value = '11']").prop('disabled' , true);
          $("#endTime option[value = '12']").prop('disabled' , true);
          $("#endTime option[value = '13']").prop('disabled' , true);
          $("#endTime option[value = '14']").prop('disabled' , true);
          $("#endTime option[value = '15']").prop('disabled' , true);
          $("#endTime option[value = '16']").prop('disabled' , true);
          $("#endTime option[value = '17']").prop('disabled' , true);
          $("#endTime option[value = '18']").prop('disabled' , true);
          $("#endTime option[value = '19']").prop('disabled' , true);
          $("#endTime option[value = '20']").prop('disabled' , true);
        }
        });
        </script>

标签： javascriptphphtml

解决方案

我建议不要使用removeAttribute再次启用它，而是使用setAttribute并简单地设置disabled为false. 试试$("#endTime option[value = '8']").setAttribute('disabled', false)吧。对您希望禁用的每个选项重复此操作。

推荐阅读