Опция раскрывающегося списка - перенаправить или отобразить текст

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>

Когда я выбираю опцию, текст отображается правильно. Но когда я выбираю опцию «Животные», я хочу перенаправить на другую страницу. Но вместо перенаправления он также отображает текст.

Любое решение?

обновление 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 .

Modify dropdownTip method

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

Answer 2

Вы можете проверить значение, а затем перенаправить, если оно равно «animals»:

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