Aggiornare contenuto tramite select

[VoglioUnUser]

Salve, questo è ciò che vorrei ottenere:

link a Pagina di Esempio

dove, selezionando un valore nei menu, il campo del totale da distribuire viene aggiornato.
i valori partono da -5 e ho associato una funzione all'evento onclick di ogni option, e una funzione all'evento onclick di ogni select.

queste le funzioni utilizzate:

function calcola(v_dopo){
// Prendo il valore dei punti totali
nodes = document.getElementById('PuntiTot').value;
// Calcolo la differenza tra il valore precedente della select e quello appena cliccato
var differenza = v_dopo - v_prima;
nodes = nodes - differenza;
// Assegno il rimanente dei punti al documento
document.getElementById('PuntiTot').value = nodes;
}

function SelezionaDaValore(strNomeForm,strNomeSelect){
// Prendo il valore del select che era selezionato, la variabile globale è v_prima
  var ss=document.forms[strNomeForm].elements[strNomeSelect];
  for(var i=0;i<ss.options.length;i++)
    if(ss.options[i].selected==true)
      v_prima = ss.options[i].value;
} 

e così assegnate alla select

<select name="Valore1" border=0 onclick="javascript:SelezionaDaValore(form1,Valore1);" >
        <option value="5" onclick="javascript:calcola(5);">+5</option>
        <option value="4" onclick="javascript:calcola(4);">+4</option>
        <option value="3" onclick="javascript:calcola(3);">+3</option>
        <option value="2" onclick="javascript:calcola(2);">+2</option>
        <option value="1" onclick="javascript:calcola(1);">+1</option>
        <option value="0" onclick="javascript:calcola(0);">0</option>
            ...
            ...
</select> 

purtroppo non riesco a assegnare i giusti eventi alle funzioni, infatti al momento non funziona. Vorrei dei consigli, perchè so che è sbagliata la disposizione degli eventi, ma non so come correggerla.