JSFiddle - React, Tailwind, and code Playground

https://qna.habr.com/q/1112506

by vlit

HTML

<form id="validform">
<select name="catts" id="catts" class="js-select2">
<option value="0">Выберите</option>
<option value="А (L - Мототранспортные средства)" data-price="1" >А (L - Мототранспортные средства)</option>
<option value="B (M1 - Легковые авто)" data-price="2" >B (M1 - Легковые авто)</option>
<option value="B (N1 - Грузовые авто до 3.5 тонн)" data-price="3" >B (N1 - Грузовые авто до 3.5 тонн)</option>
</select>
<button type="submit">Отправить</button>
</form>

JavaScript

$(function() {
  
    var price; 

    let form = $('#validform')
     		price = 0;

    $('#catts').on('change', function() {
      price = $('#catts option:selected').data('price');
    });

    form.on('submit', function(e) {

     e.preventDefault();
     let formData = new FormData($(this)[0]);  
     formData.append("price", price);
     
     console.log(price);
    });
  });