Hola colega, te dejo la solución completa a continuación, copia el código en un html o php y listo, solo pruebalo! espero que te sirva...
Código HTML:
<!DOCTYPE html>
<!--
@author: jhonjaider1000.
-->
<html>
<head>
<title>Solución</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
Selector: <select id="cmbx">
<option value="0">0</option>
<option value="1">1</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="30">30</option>
</select>
<br/>
<hr/>
Sumatoria: <span style="padding: 5px 10px; background: #333; color: #FFF; border-radius: 3px;" id="sumatest">0</span>
<hr/>
<script type="text/javascript">
//Se crea un evento para determinar cuando se haya cargado completamete el documento.
document.addEventListener('DOMContentLoaded', function () {
//Una vez cargado el documento, se crea la variable suma y se aplica
//un evento al selector.
var suma = 0;
document.getElementById('cmbx').addEventListener('change', function () {
suma += parseInt(this.value);
document.getElementById('sumatest').innerHTML = suma;
});
});
</script>
</body>
</html>