Dunque in quell'esempio particolare ho usato una libreria per javascript chiamata jQuery. Per poterla utilizzare puoi scaricarla ed includerla nel tuo sito oppure rimandare al link ufficiale. Per fare in quest'ultimo modo il codice è il seguente:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$( function(){
//Deseleziono tutte le select
$(".sel").prop("selectedIndex",-1);
//Se una select cambia...
$(".sel").change( function() {
var tot = 0;
$(".sel").each( function() {
var tmp = parseInt($(this).val());
if (!isNaN(tmp))
tot += tmp;
});
$("#tot").text(tot);
});
});
</script>
</head>
<body>
<p>Prima select</p>
<select class="sel">
<option value="1" >Val1</option>
<option value="2" >Val2</option>
<option value="3" >Val3</option>
</select>
<p>Seconda Select</p>
<select class="sel">
<option value="4" >Val4</option>
<option value="5" >Val5</option>
<option value="6" >Val6</option>
</select>
<p>Totale: <span id="tot">0</span> </p>
</body>
</html>