主页 / 问题 / 553872
Accepted
Dmitry Chebakov
Asked:2020-08-10 16:58:40 +0000 UTC2020-08-10 16:58:40 +0000 UTC

脚本隐藏显示块在 IE 中不起作用

  • 772

HTML:

<form class = "headerOfsearch" name="search" method="post" action="search.php" >
    <select name="taskOption" id="d1" onchange="searchfordate();">
        <option value="first">Обозначение</option>
        <option value="second">Дата проверки</option>
        <option value="third">Номер акта</option>
        <option value="fourth">Врем. промежуток</option>
    </select>

<input type="search" name="query" placeholder="Поиск"> <button type="submit">Найти</button>

    <section style="display:none;" id="new_form">
        <input type="date" name="bday">
        -
        <input type="date" name="lday">
    </section>

</form>

js

 <script async="" type="text/javascript" src="http://yandex.st/jquery/2.0.3/jquery.js"></script>
<script>
    function searchfordate()
    {
         if(d1.selectedIndex == 3){
            $('#new_form').show();
         }
         else{
         $('#new_form').hide();
         }
    }

</script>

按照计划，当您从菜单中选择“时间间隔”时，会弹出一行输入日期的信息。在 chrome 中它工作正常，但在 IE11 中它根本不起作用。该怎么办？我是新手，请帮忙

javascript

2 个回答

  1. Best Answer

    您需要正确定义下拉列表的链接。

    function searchfordate()
{
//  if(document.getElementById("d1").selectedIndex == 3) // на чистом js
  if($("#d1 option:selected").index() == 3) // на jQuery
  {
    $('#new_form').show();
  }
  else
  {
    $('#new_form').hide();
  }
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class = "headerOfsearch" name="search" method="post" action="search.php" >
    <select name="taskOption" id="d1" onchange="searchfordate();">
        <option value="first">Обозначение</option>
        <option value="second">Дата проверки</option>
        <option value="third">Номер акта</option>
        <option value="fourth">Врем. промежуток</option>
    </select>

<input type="search" name="query" placeholder="Поиск"> <button type="submit">Найти</button>

    <section style="display:none;" id="new_form">
        <input type="date" name="bday">
        -
        <input type="date" name="lday">
    </section>

</form>

    • 2

  2. JS:

    //Исполняется после полной загрузки страницы
<!--[if lt IE 9]>      
<script type="text/javascript"> 
$(window).load(function() {
                 if(d1.selectedIndex == 3){
                    $('#new_form').show();
                 }
                 else{
                 $('#new_form').hide();
                 }
        });
</script>
<![endif]-->

    或者

    //Исполняется после построения HTML
<!--[if lt IE 9]>      
<script type="text/javascript"> 
$(window).ready(function() {
                 if(d1.selectedIndex == 3){
                    $('#new_form').show();
                 }
                 else{
                 $('#new_form').hide();
                 }
        });
</script>
<![endif]-->
    • 0

相关问题