<html>
<head>
</head>
<body>
</body>
<h2>3450 грн.</h2>
<div class="form-group required">
<label class="control-label" for="input-option227">Слово</label>
<select name="option[227]" id="input-option227" class="form-control">
<option value="17">слово 1</option>
<option value="18">слово 2(+200 грн.)</option>
<option value="19">слово3(+300 грн.)</option>
</select>
</div>
<div class="form-group required">
<label class="control-label" for="input-option227">Слово</label>
<select name="option[227]" id="input-option227" class="form-control">
<option value="17">слово 1</option>
<option value="18">слово 2(-150 грн.)</option>
<option value="19">слово3(+300 грн.)</option>
<option value="19">слово3(-300 грн.)</option>
</select>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
var x = parseFloat($('h2').text());
$('.form-control').change(function(){
var sum = x;
$('.form-control').find('option:selected').each(function(){
sum += parseFloat($(this).text().substr($(this).text().indexOf('(')+1))||0;
});
$('h2').text(sum+' грн.');
})
</script>
</html>
Чтобы в дальнейшем не возникало гемора, цифры которые складывать лучше хранить в value или data атрибуте отдельно, а не в тексте.
id должны быть уникальные.