JSFiddle - React, Tailwind, and code Playground

by Bipen Chhetri

HTML

<select id="trapsize">
 <option data-price="238">item1</option>
 <option data-price="288">item2</option>
</select>

<select id="trapfabric">
 <option data-price="0">item3</option>
 <option data-price="20">item4</option>
</select>
<span id="priceToSwap3">$238</span>

JavaScript

$('#trapfabric, #trapsize').on('change', function() {
      sum = parseInt($('#trapsize option:selected').data('price')) + parseInt($('#trapfabric option:selected').data('price'));
      $('#priceToSwap3').html('$' + sum); 
    });