Перенаправить форму на другой URL-адрес на основе элемента выбора

новичок в JavaScript, требующий некоторой помощи. У меня есть форма с выпадающим списком с 5 вариантами.                Опция 1            Option2            OPTION3            ОПЦИЯ4            Option5'       

Мне нужно, чтобы форма перенаправлялась на другой URL-адрес, если какой-либо из параметров выбран отдельно от варианта 1, который должен быть по умолчанию загружен на странице.

Заранее благодарю

Я использовал только

<form action="" id="main" name="main" method="get" onChange="top.location.href=this.options[this.selectedIndex].value;" value="GO">

<select id="Region" name="Region" tabindex="7">
   <option value="/url">Option1</option>
   <option value="/url">Option2</option>
   <option value="/url">Option3</option>
   <option value="/url>Option4</option>
   <option value="" selected="selected">Option5</option>'
</select>

Ответы

Ответ 1

Просто используйте поле onchnage Event для выбора.

<select id="selectbox" name="" onchange="javascript:location.href = this.value;">
    <option value="https://www.yahoo.com/" selected>Option1</option>
    <option value="https://www.google.co.in/">Option2</option>
    <option value="https://www.gmail.com/">Option3</option>

</select>

И если выбранный параметр будет загружен при загрузке страницы, добавьте код javascript

<script type="text/javascript">
    window.onload = function(){
        location.href=document.getElementById("selectbox").value;
    }       
</script>

для jQuery: удалить событие onchange из тега <select>

jQuery(function () {
    // remove the below comment in case you need chnage on document ready
    // location.href=jQuery("#selectbox").val(); 
    jQuery("#selectbox").change(function () {
        location.href = jQuery(this).val();
    })
})

Ответ 2

вы можете использовать этот простой способ

<select onchange="location = this.value;">
                <option value="/finished">Finished</option>
                <option value="/break">Break</option>
                <option value="/issue">Issues</option>
                <option value="/downtime">Downtime</option>
</select>

перенаправит URL-адрес маршрута, который вы можете направить на страницу .html или перейти на какую-либо ссылку, просто измените value в опции.