JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$('#submit').click(function(){
    var price=$(this).find("option:selected").attr('data-price');    
    var ink=$('#ink').val();   
    var loc1=$('#loc1').val();
    var res= price*1 + ink*1 + loc1*1 ; 
    $('#bleh').val( res || 0 );
});