Tengo este tipo de preguntas en el formulario:
<form>
<label for="Pregunta1">Beber agua</label>
<select id = "Pregunta1" name="Pregunta1" onchange="obtenerValor(this.id)">
<option value="0">Nunca</option>
<option value="1">Casi nunca</option>
<option value="2">A veces</option>
<option value="3">Bastantes veces</option>
<option value="4">Casi siempre</option>
</select>
<label for="Pregunta2">Ir al baño</label>
<select id = "Pregunta2" name="Pregunta2" onchange="obtenerValor(this.id)">
<option value="0">Nunca</option>
<option value="1">Casi nunca</option>
<option value="2">A veces</option>
<option value="3">Bastantes veces</option>
<option value="4">Casi siempre</option>
</select>
<input type ="button" value ="Enviar" onclick="enviar()">
</form>
Y tengo esta función que me recoge los valores y me funciona bien. Lo que pasa es que si por ejemplo se cambia de opcion, los 2 valores se guardan es decir, el 1 que se eligió y el 2 por el que se cambia.
var valor = 0;
function obtenerValor(id){
valor += parseInt(document.getElementById(id).value);
return valor;
}
function enviar(){
console.log("valor enviado", valor);
}
He intentado llamar a la funcion de obtenerValor(id) en la de enviar() pero no funciona. Lo que necesito es que se recojan los valores pero una vez enviados, no que si se cambia de opcion el valor anterior permanece guardado (ese no deberia guardarse).