JSFiddle - React, Tailwind, and code Playground

HTML

<a href='http://www.google.com/' target='_blank'>
    <div class='pholder'>
        <select class='test'>
            <option>option 1</option>
            <option>option 2</option>
            <option>option 3</option>
        </select>
    </div>
</a>

CSS

.pholder{
    border:1px solid #333;
    height:100px;
}

.test{
    margin-top:50px;
    margin-left:50px;
}

JavaScript

var $cmbs = $('.test');
    $cmbs.click(function (e) {
      // e.preventDefault();
        e.stopPropagation();
      console.log('click');
    });
    
    $cmbs.change(function (e) {
      e.preventDefault();
      console.log('change');

    });