Cita:
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:
Ver original<select onchange="x(this.options[this.selectedIndex], this.value)">
<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
:
Ver originalfunction 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?

