Link to another page on select option change using jQuery

select-link-change.html

<div class="column-select" id="select-url">
  <select>
    <option selected>View All Projects</option>
    <option value="https://sample-url-1.com">Sample URL 1</option>
    <option value="https://sample-url-2.com">Sample URL 2</option>
    <option value="https://sample-url-3.com">Sample URL 3</option>
  </select>
</div>

select-link-change.js

jQuery(function($){
	  
	// Get the URL Div
	$('#select-url').on('change', function(){
		// Set the selected option as a variable
		var url = $(this).find(':selected').val();
		// if has value send to that url
		if(url){
		window.location = url;
		}
		return false;
	});


});