JSFiddle - React, Tailwind, and code Playground

by Nikita

HTML

<a id="1" href="#1" data-option="option one">number 1</a>
<a id="2" href="#2" data-option="option two">number 2</a>
<a id="3" href="#3" data-option="option three">number 3</a>

<select id="dropdown">
  <option value="option one">option one</option>
  <option value="option two">option two</option>
  <option value="option three">option three</option>
</select>

JavaScript

$(document).on("click", "a", function(e){
    var option = $(this).attr("data-option");
    var optionToSelect = $("#dropdown").children("[value='" + option + "']");
    optionToSelect.prop("selected", "selected");
    return false;
});