Dropdown选项-重定向或显示文本

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>

当我选择选项时，文本将正确显示。但是，当我选择“动物”选项时，我想重定向到其他页面。但是，除了重定向之外，它还会显示文本。

任何解决方案？

Answer 1

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