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

Javascript 下拉选项-重定向或显示文本,javascript,html,Javascript,Html,根据选择的选项,我想显示文本或重定向到另一个页面 我使用了代码: 函数下拉提示(值){ console.log(值); document.getElementById(“结果”).innerHTML=value; } 果实 蔬菜 动物 全部的 您可以检查该值,如果该值等于“动物”,则可以重定向: 要重定向到页面,需要使用window.location.href 修改下拉提示方法 function dropdownTip(value){ if(value === '/contact.

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

我使用了代码:


函数下拉提示(值){
console.log(值);
document.getElementById(“结果”).innerHTML=value;
}

果实
蔬菜
动物
全部的

您可以检查该值,如果该值等于“动物”,则可以重定向:


要重定向到页面,需要使用window.location.href

修改下拉提示方法

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


正确的解决方案。但是我如何扩展它呢?最后,我将有10个显示文本的选项和3个重定向选项。如何向重定向脚本添加多个选项?有几种方法。您可以保留一个重定向位置数组,如var locations=['/contact.html'、'/about.html'、'/home.html']。现在在条件下,您将检查(locations.includes(value)),而不是(value=='/contact.html')。
function dropdownTip(value){
    if(value === '/contact.html'){
      window.location.href = value;
    }
    document.getElementById("result").innerHTML = value;
}