JSFiddle - React, Tailwind, and code Playground

HTML

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

<select>
    <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).attr('href').slice(1)).change();
});