Tengo un código en Javascript que escucha los cambios en un select
según la opción seleccionada debería sacar el valor que tenga ese número en un Map
.
Lo que hago es guardar el valor del option
seleccionado en la variable selValue
y luego intento usar esa variable para obtener el valor de esa llave en el mapa. Cuando hago eso obtengo undefined
, sin embargo cuando uso un número directamente sí funciona.
¿Alguien sabe a qué se debe ese comportamiento?
¿Cómo podría usar la variable para obtener el valor de esa llave en el mapa, de modo que el código sea dinámico?
NOTA: Sé que se podría hacer de otra forma, pero quisiera hacerlo con un Map
o al menos saber a qué se debe este comportamiento.
Aquí está lo que tengo hasta ahora.
const map = new Map();
map.set(1, "action for option 1");
map.set(2, "action for option 2");
map.set(3, "action for option 3");
selTest.addEventListener("change", function() {
var selValue = this.value;
console.log(selValue);
var thisAction = map.get(selValue); //No funciona
console.log(thisAction);
console.log(map.get(1)); //Funciona, pero no es dinámico
});
<select id="selTest">
<option value="-1">-seleccione-</option>
<option value="1">Opción 1</option>
<option value="2">Opción 2</option>
<option value="3">Opción 3</option>
</select>