HTML - 搜索不起作用

我创建的谷歌浏览器的工作原理，但无法在Internet Explorer这个搜索栏。

如果我按“Enter”键或点击搜索按钮什么也没有发生在Internet Explorer中。

我应该被重定向到一个网页，如铬，会发生什么。

有什么建议吗？谢谢！

<html> 
     <body> 

    <datalist id="colors"> 
     <option value="Red"> 
     <option value="Blue "> 
     <option value="Green"> 
     <option value="Black"> 
     </datalist> 


    <input type="hidden" id="color" name="color" value="RED" required> 
    <input type="hidden" id="color2" name="color2" value="BLUE" required> 
    <input type="hidden" id="color3" name="color3" value="GREEN" required> 
    <input type="hidden" id="color4" name="color4" value="BLACK" required> 

    <form> 
     <input type="search" list="colors" class="searchbox" id="searchbox" placeholder="What Color?" name="color_repeat" required autocomplete="off" 
     onsearch="check(this)"> 
     <input type="button" class="button" id="button" value="Search" onclick="check(document.getElementById('searchbox'))"> 
    </form> 

    <script> 
    function check(input) 

    { 
    if (input.value.toUpperCase() != document.getElementById('color').value) 
    { 
    if (input.value.toUpperCase() != document.getElementById('color2').value) 
    { 
    if (input.value.toUpperCase() != document.getElementById('color3').value) 
    { 
    if (input.value.toUpperCase() != document.getElementById('color4').value) 
    {  

    } 
    else 
    { 
    window.top.location.href = 'http://www.color.com.br/BLACK’ 
    } 
    } 
    else 
    { 
    window.top.location.href = 'http://www.color.com.br/GREEN’ 
    } 
    } 
    else 
    { 
    window.top.location.href = 'http://www.color.com.br/BLUE’ 
    } 
    } 
    else 
    { 
    window.top.location.href = 'http://www.color.com.br/BLUE’ 
    } 

    } 
    </script> 


</body> 
</html>

来源

2015-10-05 William Oliveira

也许在窗体中添加一个动作将有所帮助。

<form action="javascript:check(document.getElementById('searchbox'))"> 
    <input type="search" list="colors" class="searchbox" id="searchbox" placeholder="What Color?" name="color_repeat" required autocomplete="off" 
    onsearch="check(this)"> 
    <input type="submit" class="button" id="button" value="Search"> 
</form>

我建议通过移动的getElementById到函数编辑功能：

<form action="javascript:check()"> 
    <input type="search" list="colors" class="searchbox" id="searchbox" placeholder="What Color?" name="color_repeat" required autocomplete="off" onsearch="check(this)"> 
    <input type="submit" class="button" id="button" value="Search"> 
</form> 
<script> 
    function check() { 
     var input = document.getElementById('searchbox'); 
     if (input.value.toUpperCase() != document.getElementById('color').value) { 
      if (input.value.toUpperCase() != document.getElementById('color2').value) { 
       if (input.value.toUpperCase() != document.getElementById('color3').value) { 
        if (input.value.toUpperCase() != document.getElementById('color4').value) { 
        } else { 
         window.top.location.href = 'http://www.color.com.br/BLACK’ 
        } 
       } else { 
        window.top.location.href = 'http://www.color.com.br/GREEN’ 
       } 
      } else { 
       window.top.location.href = 'http://www.color.com.br/BLUE’ 
      } 
     } else { 
      window.top.location.href = 'http://www.color.com.br/BLUE’ 
     } 

    } 
</script>

来源

2015-10-05 22:02:22 morha13

这位朋友你好感谢了很多，但还是失败了。在Internet Explorer中，该页面的链接出现在地址栏中，但该页面未显示。 –

HTML - 搜索不起作用

回答

相关问题