Estoy desarrollando una pagina que contiene una lista/menu.
Dependiendo de lo que se seleccione, en una casilla de texto se vuelca un valor o otro.
Me explico: En la lista aparecen los terminos: peninsula, canarias, francia,,,,
Si pincha en canarias, en la casilla de texto aparece el numero 5. Si pincha en peninsula, el numero 3...
Todo eso me funciona a la perfeccion y no tengo problema; pero necesito y no consigo de ninguna forma volcar ese numero en una variable para poder trabajar luego con ella.
El codigo es el siguiente:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Select</title>
</head>
<body
<select name="paises" id="paises" onClick="volcar()">
<option value="3">peninsula</option>
<option value="5">canarias</option>
<option value="6">francia</option>
</select>
<label>
<input type="text" name="valor_paises" id="valor_paises">
</label>
</form>
</body>
<script type="text/javascript">
function volcar()
{
document.getElementById("valor_paises").value = parseInt(document.getElementById("paises").value);
}
</script>
</html>
Gracias de antemano