JSFiddle - React, Tailwind, and code Playground

by vlit

HTML

<label>Категория ТС <b>*</b></label>
<select name="cat" id="cat" class="js-select2">
  <option value="0" data-param="">Выберите</option>
  <option value="1" data-param="L">А | (L - Мототранспортные средства)</option>
  <option value="2" data-param="M1">B | (M1 - Легковые авто)</option>
  <option value="3" data-param="N1">B | (N1 - Грузовые авто до 3.5 тонн)</option>
</select>

<br /><br />

<label>ПТО <b>*</b></label>
<select name="pto" id="pto" class="js-select2">
  <option value="0">Выберите</option>
  <option value="1" data-param="L">А | г.Москва</option>
  <option value="2" data-param="L">А | г.Питер</option>
  <option value="3" data-param="L">А | г.Еще какой-то город</option>
  <option value="4" data-param="M1">B | г.Ростов</option>
  <option value="5" data-param="M1, N1">B | г.Сахалин</option>
</select>

<br /><br />

<div id="rez"></div>

JavaScript

//вытягиваем с первого селекта значение data-param из пункта который выбрали
$('#cat').on('change', function() {
  var param = $('#cat option:selected').data('param');
  $('#rez').html(param); //для теста, выводим
  console.log(param); //выводим в консоль для проверки
});