选择时更改选项[重复]答案

【问题标题】：Change option when selected [duplicate]选择时更改选项[重复]
【发布时间】：2017-09-10 10:16:54
【问题描述】：

我有一张预订单。如果我的一位客户遇到问题，我希望他们在他们喜欢的时间给我打电话。为此，我创建了两个下拉列表框。第一个组合框应包含两个选项（如 sn-p 中给出的），默认选择 Call today。如果选择了第二个选项Call Tomorrow，则第二个下拉列表应填写可用的时间段，例如：

12:00
13:00
16:00
20:00
...
...

等等。这是如何实现的？

  
  $("#call-day").change(function(e){
    val=$("option:selected",this).val();
    if(val=="today"){
      
    }else if(val=="tomorrow"){
      
    }
  });

<select name="call-day" id="when-ajax">
  <option class="today">Call Today</option>
  <option class="tomorrow">Call Tomorrow</option>
</select>

<select name="hours">
  <option>Call Now</option>
</select>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

【问题讨论】：

您的问题不清楚。请澄清。
感谢@Difster，我的英语在 jquery 之后太糟糕了，我想如果可以的话，提高我的英语水平。我的问题是根据我的选择来选择选项
。这就是我想要的，但我终于做到了，谢谢codepen.io/cowardguy/pen/dWPRJP

标签： javascript jquery

【解决方案1】：

你的问题太模糊了。请改写。根据我从您的描述中了解到的情况，以下内容应该可以帮助您实现您的目标。请注意，我冒昧地假设了某些事实。

  
  $("select[name='call-day']").change(function(e){
    val=$(this).val();
    if(val=="today"){
      //What you want to do here is not mentioned. So I am leaving it blank
    }else if(val=="tomorrow"){
      //Available time slots should be retrieved from some persistent location. Assuming it is already done...
      var availableSlots = ["12:00", "13:00", "14:00", "16:00"];
      $("select[name='hours']").empty();
      $("select[name='hours']").append("<option value=''>--Select Time--</option");
      for(i in availableSlots){
        var item = availableSlots[i];
        var optionElement = "<option value='"+ item +"'>" + item + "</option>";
        $("select[name='hours']").append(optionElement);
      }
    }
  });

<select name="call-day" id="when-ajax">
  <option value="today">Call Today</option>
  <option value="tomorrow">Call Tomorrow</option>
</select>

<select name="hours">
  <option>Call Now</option>
</select>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

【讨论】：