Biểu mẫu chuyển hướng đến URL khác nhau dựa trên phần tử lựa chọn lựa chọn

Question

JavaScript mới để tìm kiếm trợ giúp. Tôi có một hình thức với một thả xuống chọn với 5 lựa chọn. OPTION1 OPTION2 option3 Option4 Option5'

tôi cần phải có hình thức để chuyển hướng đến url khác nếu bất kỳ tùy chọn được lựa chọn ngoài việc Lựa chọn 1 mà nên là một trong những mặc định trên tải trang.

Cảm ơn bạn trước

Tôi chỉ được sử dụng như sau

<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> 

Answer 1

Chỉ cần sử dụng một onchnage Event cho hộp chọn.

<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> 

Và nếu lựa chọn được lựa chọn để được nạp vào tải trang sau đó thêm một số mã javascript

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

cho jQuery: Hủy bỏ các sự kiện onchange từ <select> thẻ

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(); 
    }) 
}) 

Answer 2

bạn có thể sử dụng cách đơn giản này

<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> 

sẽ chuyển hướng đến url tuyến đường mà bạn có thể chuyển đến trang .html hoặc trực tiếp đến một số liên kết chỉ thay đổi value trong tùy chọn.