JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sel">
    <select name="style" id="style" class="update sel">
        <option value="" data-price="1.37">Option 1</option>
        <option value="" data-price="1.38">Option 2</option>
        <option value="" data-price="1.39">Option 3</option>
        <option value="" data-price="1.40">Option 4</option>
    </select>
</div>
<div class="print_loc">
    <label>Location 1:</label>
    <select id="loc1">
        <option value="1.22">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</div>
<div>
    <label>Ink Type:</label>
    <select id="ink">
        <option value="0">Plastisol</option>
        <option value=".5">Waterbase</option>
        <option value=".5">Discharge/Waterbase</option>
    </select>
</div>
<input id="bleh" type="text"/>

JavaScript

$('#ink, #loc1, .sel').on('keyup change',function(){
	var price=$('option:selected', this).attr('data-price');
    var ink=$('#ink').val();   
    var loc1=$('#loc1').val();
        var res= price*1 + ink*1 + loc1*1 ; 
    $('#bleh').val( res || 0 );
});