¿Cómo obtener valor de atributo DATA (HTML5)?

[Alexis88]

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:

<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:

function x(opcion){
    console.log(opcion.dataset.fruta);
}
 

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

Saludos, Calamardo.