HTML -搜索栏不能在ie浏览器中工作

HTML - Searchbar does not work in internet Explorer

本文关键字：浏览器 工作 ie 搜索栏 不能 HTML      更新时间：2023-09-26

有人能帮忙吗?

我创建了这个搜索栏，可以在google chrome中工作，但不能在Internet Explorer中工作。

如果我按下"Enter"键或点击搜索按钮，在Internet Explorer中没有任何反应。

我应该被重定向到一个页面，就像在chrome中发生的那样。

任何建议吗?谢谢你！

<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>


<html>
<body>
<datalist id="colors">
    <option value="Red">
    <option value="Blue ">
    <option value="Green">
    <option value="Black">
</datalist>
<form>
  <input type="search" list="colors" id="searchbox" placeholder="What Color?" name="color_repeat" required autocomplete="off"
   onsearch="location.href = 'https://www.google.com/search?q='+document.getElementById('searchbox').value;">
  <input type="button" value="Search" onclick="location.href = 'https://www.google.com/search?q='+document.getElementById('searchbox').value;">  
</form>
</body>
</html>

这在Internet Explorer 11和Google Chrome中都可以通过获取您的值并将您重定向到适当的Google搜索。但是，您遇到的问题是Internet Explorer中不支持onsearch事件。这可以通过使用按钮的onclick事件来避免，这是支持的。我希望这有助于你的问题!

相关文章：