JSFiddle - React, Tailwind, and code Playground

HTML

<div id="navigation">
    <ul>
        <li><a id="slideOne" href="#blue">Blue Product</a></li>
        <li><a id="slideTwo" href="#red">Red Product</a></li>
    </ul>
</div>

<select classname>
    <option disabled="disabled" selected="selected">Select Color</option>
    <option value="blue">Blue</option>
    <option value="red">Red</option>
</select>

JavaScript

$('#navigation a').click(function() {
    $('select').val(this.href.split('#')[1]).change();
});