<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@3.0.0" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<link rel="stylesheet" href="style.css" />
<script>
$(function(){
var optionVal = 0;
$('select').on('change', function (e) {
optionVal = $('select').map(function(i, el) {
return $(el).val();
}).get().reduce(function(p,c,i,a) {
return +p + +c;
});
$('#price').text(optionVal);
});
});
</script>
</head>
<body>
<div id="price">0</div>
<select class="form-control " id="id1">
<option value="0">Select:</option>
<option value="110">110 Euro</option>
<option value="120">120 Euro</option>
<option value="130">130 Euro</option>
</select>
<select class="form-control " id="id2">
<option value="0">Select:</option>
<option value="10">10 Euro</option>
<option value="20">20 Euro</option>
<option value="30">30 Euro</option>
</select>
<select class="form-control " id="id3">
<option value="0">Select:</option>
<option value="210">210 Euro</option>
<option value="220">220 Euro</option>
<option value="230">230 Euro</option>
</select>
</body>
</html>