Переопределение значения формы с помощью jQuery

Question

В настоящее время у меня есть эта форма и то, что я хочу сделать, когда номер 5 щелкнул/выбрал, как я могу сделать загрузку другого URL-адреса и игнорировать происходящее в форме.

Форма:

<div id="reservation-widget-wrap"> 
    <div id="reservation-widget-header">Check Building Availability</div> 
    <div id="reservation-widget-content"> 
    <form action='https://www.thebookingbutton.com.au/properties' method='get'> 
    <label for='channel_code' class="caption">Select property </label> 
    <select id='channel_code' name='id'> 
    <option value='1'>One</option>    
    <option value='2'>Two</option> 
    <option value='3'>Three</option> 
    <option value='4'>Four</option> 
    <option value='5'>Five</option> 
    </select> 

Answer 1

$(document).ready(function(){ 

    $('#channel_code').change(function(){ 

     if($('#channel_code').val() == '5'){ 

      window.location.href = 'Your URL'; 

     } 

    }); 

}); 

Answer 2

Возьмите момент и прочитать:

Decoupling Your HTML, CSS, and JavaScript - Philip Walton (Engineer @ Google)

Это, как говорится, я хотел бы написать это нравится:

Изменено Html

<select id='channel_code' name='id' class="js-url-redirect"> 
    <option value='1'>One</option>    
    <option value='2'>Two</option> 
    <option value='3'>Three</option> 
    <option value='4' data-url-redirect="http://bing.com">Four</option> 
    <option value='5' data-url-redirect="http://google.com">Five</option> 
</select> 

JQuery (JavaScript)

$(document).ready(function() { 
    $('.js-url-redirect').on('change', function() { 
    var url = $(this).find(":selected").data("url-redirect"); 
    if (url && url.length > 0) { 
     window.location.href = url; 
    } 
    }); 
}); 

Хороший разъединены, многократно используемый компонент.