JSFiddle - React, Tailwind, and code Playground

by DiceMasters

HTML

<!--
  Второй пример на основе упорядоченности
-->
<div class="products"> <!-- Типа у блок с товарами -->
  <button>1</button> <!-- Типа кнопка подробнее -->
  <button>2</button>
  <button>3</button>
</div>

<!--

-->
<select data-product-select>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

JavaScript

$('.products button').click( function() {
	
  let btnIndex = $(this).index()
  
  $('select[data-product-select] > option').each( function(i, val) {
  	if (i == btnIndex) $(this).attr('selected', 'selected')
    else $(this).removeAttr('selected')
  })
  
})