Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/09/2014, 10:22
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 4 meses
Puntos: 977
Respuesta: ¿Cómo obtener valor de atributo DATA (HTML5)?

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:

Código HTML:
Ver original
  1. <select onchange="x(this.options[this.selectedIndex])">

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 original
  1. function x(opcion){
  2.     console.log(opcion.dataset.fruta);
  3. }

De esta manera, se mostrará el valor del pseudo-atributo de la opción seleccionada.

Saludos, Calamardo.
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand