JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://google.com" class="hidden event-bound">Google</a>
<a href="http://bbc.co.uk" class="hidden ">BBC</a>
<a href="http://facebook.com" class="hidden event-bound">Facebook</a>



<select name="nowt" id="nav">
    
  <option value="http://google.com">google</option>
  <option value="http://bbc.co.uk">bbc</option>
  <option value="http://facebook.com">facebook</option>
</select>

CSS

.hidden {
   display: none;   
}

JavaScript

$(function() {
    
    $('a.event-bound').on('click', function(event){
        event.preventDefault();
        alert('click triggered from selectbox');
    })
    
    // set up event on select
    $('#nav').on('change', function(event) {
        
      event.preventDefault();
      target_path = $(this).find("option:selected").val();
      $link =  $('a[href$="' + target_path + '"]');
      $link.click();
    
    });
});