保留$（window）.on（'load'，function（）]中的javascript下拉选择，>

Question

我正在从这里使用脚本的稍微修改的版本，Select start time between start and end time

脚本

$(window).on('load', function() {

$("select[name='SelectedTime1']").on("change", function(){
    $("select[name='SelectedTime2']").empty();
    var startix = $("select[name='SelectedTime1'] option:selected").index();
    $("select[name='SelectedTime1'] option").each(function(ix, el){
        if (ix >= startix) {
            $(this).clone().appendTo("select[name='SelectedTime2']");
        }
    });
});

    });
重新加载页面后在每个下拉菜单中保留选定时间的脚本。

  function show2(time1) { 
  var success = -1;
  for (var i=0; i < document.frmLocate.SelectedTime1.length; i++) {
    if (document.frmLocate.SelectedTime1.options[i].value == time) 
      success = [i];
  }
  document.frmLocate.SelectedTime1.selectedIndex=success;
}
function show4(time2) { 
  var success = -1;
  for (var i=0; i < document.frmLocate.SelectedTime2.length; i++) {
    if (document.frmLocate.SelectedTime2.options[i].value == time) 
      success = [i];
  }
  document.frmLocate.SelectedTime2.selectedIndex=success;
下拉菜单

<label for="SelectedTime1-set">1st Time:
  <select name="SelectedTime1" id="SelectedTime1-set">
    <option>08:00 AM </option>
    <option>09:00 AM</option>
    <option>10:00 AM</option>
    <option>11:00 AM</option>
    <option>12:00 PM</option>
    <option>01:00 PM</option>
    <option>02:00 PM</option>
    <option>03:00 PM</option>
    <option>04:00 PM</option>
    <option>05:00 PM</option>
    <option>06:00 PM</option>
    <option>07:00 PM</option>
    <option>08:00 PM</option>
    <option>09:00 PM</option>
  </select></label>
  &nbsp;
      <label for="SelectedTime2-set">2nd Time:
      <select name="SelectedTime2" id="SelectedTime2-set">
        <option>08:00 AM </option>
        <option>09:00 AM</option>
        <option>10:00 AM</option>
        <option>11:00 AM</option>
        <option>12:00 PM</option>
        <option>01:00 PM</option>
        <option>02:00 PM</option>
        <option>03:00 PM</option>
        <option>04:00 PM</option>
        <option>05:00 PM</option>
        <option>06:00 PM</option>
        <option>07:00 PM</option>
        <option>08:00 PM</option>
    <option>09:00 PM</option>
  </select></label>
  &nbsp;
这两个下拉菜单是表单的一部分，该表单在执行API请求后提交回页面，而SelectedTime2不应在SelectedTime1之前

两个下拉菜单都具有从上午8点到晚上9点的相同选项。该脚本将隐藏SelectedTime2中的时间，该时间早于SelectedTime1中选择的时间。

我需要发生的事情：表单发布后，SelectedTime2中的更早时间保持隐藏。

选定的时间在发布后仍然保留，但是取消隐藏SelectedTime2中的较早时间。

我希望防止将来的技术支持人员呼吁“为什么页面空白”，因为他们不关注AM / PM。他们选择6PM首先，9AM 2nd应该是9PM。

谢谢

Sean

我正在从这里使用脚本的稍微修改的版本，请选择脚本开始和结束时间之间的开始时间$（window）.on（'load'，function（）{$（“ select [name ='SelectedTime1' ]“）。on（” change“，...

Answer 1

做了一些整理工作，将2合并为1的功能