Режим документов стандарта IE9 нарушает JavaScript

0

Я создал код JS на веб-странице, чтобы рассчитать правильное количество дней для отображения в раскрывающемся списке даты формы в зависимости от високосного года и месяца. К сожалению, я заметил, что в режиме документов стандарта IE9 выпадающий список не отображает номера дат (например, с 1 по 31). IE 10, Firefox v.25.0.1 и Google Chrome v.31.0.1650.63 отображают номера в раскрывающемся списке правильно. Я предполагаю, что у меня есть код, который не поддерживается в старых режимах документа, но, похоже, не может найти, где он будет. Я надеюсь, что кто-то сможет определить мою ошибку (ы)? Я включил соответствующий код ниже. Обратите внимание, что я запускаю документ с HTML5! DOCTYPE.

Функции JS:

<script>
    function is_leap(direction)
    {
        if(direction=="from")
            var year=document.getElementById("f_year").value;
        else if(direction=="to")
            var year=document.getElementById("t_year").value;
        var a = 2000;
        for(a;a<year;a+=4)
        {
        }

        if(a==year)
        {
      return true;
        }
  else return false;
    }

    function out_days(v,direction)
    {
        var html = "";
        for(var x=1;x<=v;x++)
  {
            html += '<option value="' + x + '">' + x + '</option>';
  }
        if(direction=="from")
  {
            var temp_day=document.getElementById("f_day").selectedIndex;
      document.getElementById("f_day").innerHTML=html;  
      document.getElementById("f_day").selectedIndex=temp_day;
  } 
  else if(direction=="to")
  {
      var temp_day=document.getElementById("t_day").selectedIndex;  
            document.getElementById("t_day").innerHTML=html;
      document.getElementById("t_day").selectedIndex=temp_day;
  } 
    }

    function chk_mon(direction)
    {
        if(direction=="from")
      var e = document.getElementById("f_month").selectedIndex;
  else if(direction=="to")
            var e = document.getElementById("t_month").selectedIndex;
        switch(e)
  { 
      case 0: case 2: case 4: case 6: case 7: case 9: case 11:
            {                   
          out_days(31,direction);
    break;
            }
      case 1:
      {
                if(is_leap(direction))
          {
        out_days(29,direction);
          }
          else out_days(28,direction);
    break;
      }
      case 3: case 5: case 8: case 10:
      {
          out_days(30,direction);
    break;
      }
      default:
      {
          out_days(31,direction);
    break;
      }
        }
    }
</script>

HTML-код/​​функции вызова:

<div class="field"><div class="label">From:</div><select onchange="chk_mon('from')" id="f_month" name="from_month">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select id="f_day" name="from_day">
    <script>
        chk_mon("from");
    </script>
</select>
<select onchange="chk_mon('from')" id="f_year" name="from_year">
    <option value="2013">2013</option>
    <option value="2014">2014</option>
    <option value="2015">2015</option>
    <option value="2016">2016</option>
    <option value="2017">2017</option>
    <option value="2018">2018</option>
    <option value="2019">2019</option>
    <option value="2020">2020</option>
    <option value="2021">2021</option>
    <option value="2022">2022</option>
    <option value="2023">2023</option>
    <option value="2024">2024</option>
    <option value="2025">2025</option>
    <option value="2026">2026</option>
    <option value="2027">2027</option>
    <option value="2028">2028</option>
    <option value="2029">2029</option>
    <option value="2030">2030</option>
</select></div>
  • 1
    вы пробовали строгий режим отладки еще? Также, пожалуйста, отформатируйте код в своем сообщении перед публикацией.
  • 0
    Также добавьте jsfiddle, который воспроизводит проблему, пожалуйста.
Показать ещё 4 комментария
Теги:

1 ответ

2
Лучший ответ

В вашем скрипте есть назначение innerHTML элемента SELECT:

 document.getElementById("f_day").innerHTML=html;  

Что не работает в IE9 правильно (ошибка для SELECT s). Больше информации здесь.

Это jsfiddle с возможным исправлением: я завернул день SELECT в SPAN и установил innerHTML этого SPAN вместо SELECT в скрипте.

  • 0
    Это сработало отлично. Большое спасибо!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню