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

[berkeleyPunk]

Iniciado por Alexis88

Claro. La idea es ir en orden, en este caso, de adentro hacia afuera. Primero, hallas a la opción, luego, obtienes su valor y, finalmente, lo muestras...

Ok, entendido.

Una última cosa, maestro. Estoy intentando hacer que cuando se elija una opción del select se muestre un <p> con el nombre de la fruta y se oculten los otros <p>.

Como siempre, no tengo dificultad en lograr eso con uso de 1,500 if's. El problema es en hacerlo con pocas líneas de código, digamos con un bucle. Algo así:

Código HTML:

<select onchange="x(this.options[this.selectedIndex], this.value)">
       <option>:: Elige una fruta ::</option>
       <option value="0" data-fruta="fruta0">Naranja</option>
       <option value="1" data-fruta="fruta1">Fresa</option>
       <option value="2" data-fruta="fruta2">Uva</option>
    </select>
 
    <a id="fruta0" style="display: none;">Naranja</a>
    <a id="fruta1" style="display: none;">Fresa</a>
    <a id="fruta2" style="display: none;">Uva</a>
 

Código Javascript:

function x(indice, value)
       {
          var propiedadData = indice.dataset.fruta;
 
            var miArray = new Array()
            miArray[0]  = document.getElementById('fruta0');
            miArray[1]  = document.getElementById('fruta1');
            miArray[2]  = document.getElementById('fruta2');
 
 
          for (var i=0; i<miArray.length; i++)
          {
            if (miArray[value].id != propiedadData)
            {
                miArray[value].style.display = "none";
            }
            else
            {
                miArray[value].style.display = "block";
                }
          }
       }
 

Pero, claro está, no sirve bien. ¿Me ayudas?