JSFiddle - React, Tailwind, and code Playground

HTML

<p><a href="#start" class="item">Start</a> | <a href="#start-1" class="item">Start-1</a> | <a href="#start-2" class="item">Start-2</a></p>


<select name="rate" id="rate">
  <option value="0" checked>checking</option>
  <option value="start">start</option>
  <option value="start-1">start-1</option>
  <option value="start-2">start-2</option>
</select>

JavaScript

$(document).ready(function() {
	$('.item').on('click', function(e) {
  e.preventDefault();
  	var val = e.target.hash.slice(1);
    
    $('#rate option').each(function() {
      // по умолчанию устанавливаем у всех selected: false
      $(this).attr('selected', false);
      // Эта строка позволяет обновлять отображение выбранного элемента select
      $('#rate').val(val).trigger('change');
      if (val == $(this).attr('value')) {
        $(this).attr('selected', true);
      }
    });
  });
});