下拉选项 - 重定向或显示文本

Question

根据选择的选项，我想显示文本或重定向到另一个页面。

我使用了代码：

 <script type="text/javascript"> function dropdownTip(value){ console.log(value); document.getElementById("result").innerHTML = value; }</script>

 <select onChange="dropdownTip(this.value)" name="search_type" style="margin-right:10px; margin-top:2px;"> <option selected="selected" value="fruit_search">fruits</option> <option value="veggies_search">veggies</option> <option value="/contact.html">animals</option> <option value="all_search">all</option> </select> <div id="result"></div>

当我选择 select 选项时，文本显示正确。 但是当我 select 选项动物时，我想重定向到其他页面。 但它不是重定向，而是显示文本。

有什么解决办法吗？

更新 2：我尝试了第一个解决方案，但没有工作（没有显示文本，也没有重定向）出了点问题。

<script type="text/javascript">
function dropdownTip(value){
    console.log(value);
        document.getElementById("result").innerHTML = value;
if (value === "animals") {
    window.location.replace("http://www.url.com/contact.html");
else if (value === "all_search") {
    window.location.replace("http://www.url.com/all_search.html");
    }</script>

<select onChange="dropdownTip(this.value)" name="search_type" style="margin-right:10px; margin-top:2px;">
    <option selected="selected" value="fruit_search">fruits</option>    
    <option value="veggies_search">veggies</option>
    <option value="animals_search">animals</option>
    <option value="all_search">all</option>
</select>

<div id="result"></div>

Answer 1

要重定向到页面，您需要使用window.location.href 。

修改dropdownTip方法

function dropdownTip(value){
    if(value === '/contact.html'){
      window.location.href = value;
    }
    document.getElementById("result").innerHTML = value;
}

Answer 2

您可以检查该值，然后如果它等于“动物”则重定向：

function dropdownTip(value){
  if (value === "animals") {
    window.location.replace("http://www.url.com/contact.html");
  }
}