Eso sucede porque no estás tomando correctamente al valor del pseudo-atributo. Lo primero que debes de hacer es tomar a la opción seleccionada, de la siguiente manera:
De esta forma, dentro del array de opciones del combo, tomo a la opción seleccionada cuando se produzca el evento
onchange
. Para no hacerlo más largo, la toma del valor del pseudo-atributo la haremos en la función:
Código Javascript
:
Ver originalfunction x(opcion){
console.log(opcion.dataset.fruta);
}
De esta manera, se mostrará el valor del pseudo-atributo de la opción seleccionada.
Saludos, Calamardo.