El problema que tengo ahora es que estoy utilizando dos listas select y necesito agregarles el script pasado a cada una.
Sucede que cuando lo intente, me tiró un error ya que cuando selecciono algún item de la primera lista, se muestra, pero al seleccionar algún item de la segunda se esconde la primera y muestra la segunda solamente.
Intente editar un poco el código y me quedo así:
Código:
Código de la primera lista desplegable de tres items:
<script language="javascript">
function Mostrar(valor){
if(valor == 1)
{
document.getElementById('1').style.display = "block";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
}
else if(valor == 2)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "block";
document.getElementById('3').style.display = "none";
}else if(valor == 3)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "block";
}
else
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "none";
}
}
</script>
Código:
Código de la segunda lista desplegable de 12 items:
<script language="javascript">
function Mostrando(valor){
if(valor == 4)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "block";
document.getElementById('5').style.display = "none";
document.getElementById('6').style.display = "none";
document.getElementById('7').style.display = "none";
document.getElementById('8').style.display = "none";
document.getElementById('9').style.display = "none";
document.getElementById('10').style.display = "none";
document.getElementById('11').style.display = "none";
document.getElementById('12').style.display = "none";
}else if(valor == 5)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "none";
document.getElementById('5').style.display = "block";
document.getElementById('6').style.display = "none";
document.getElementById('7').style.display = "none";
document.getElementById('8').style.display = "none";
document.getElementById('9').style.display = "none";
document.getElementById('10').style.display = "none";
document.getElementById('11').style.display = "none";
document.getElementById('12').style.display = "none";
}else if(valor == 6)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "none";
document.getElementById('5').style.display = "none";
document.getElementById('6').style.display = "block";
document.getElementById('7').style.display = "none";
document.getElementById('8').style.display = "none";
document.getElementById('9').style.display = "none";
document.getElementById('10').style.display = "none";
document.getElementById('11').style.display = "none";
document.getElementById('12').style.display = "none";
}else if(valor == 7)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "none";
document.getElementById('5').style.display = "none";
document.getElementById('6').style.display = "none";
document.getElementById('7').style.display = "block";
document.getElementById('8').style.display = "none";
document.getElementById('9').style.display = "none";
document.getElementById('10').style.display = "none";
document.getElementById('11').style.display = "none";
document.getElementById('12').style.display = "none";
}else if(valor == 8)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "none";
document.getElementById('5').style.display = "none";
document.getElementById('6').style.display = "none";
document.getElementById('7').style.display = "none";
document.getElementById('8').style.display = "block";
document.getElementById('9').style.display = "none";
document.getElementById('10').style.display = "none";
document.getElementById('11').style.display = "none";
document.getElementById('12').style.display = "none";
}else if(valor == 9)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "none";
document.getElementById('5').style.display = "none";
document.getElementById('6').style.display = "none";
document.getElementById('7').style.display = "none";
document.getElementById('8').style.display = "none";
document.getElementById('9').style.display = "block";
document.getElementById('10').style.display = "none";
document.getElementById('11').style.display = "none";
document.getElementById('12').style.display = "none";
}else if(valor == 10)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "none";
document.getElementById('5').style.display = "none";
document.getElementById('6').style.display = "none";
document.getElementById('7').style.display = "none";
document.getElementById('8').style.display = "none";
document.getElementById('9').style.display = "none";
document.getElementById('10').style.display = "block";
document.getElementById('11').style.display = "none";
document.getElementById('12').style.display = "none";
}else if(valor == 11)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "none";
document.getElementById('5').style.display = "none";
document.getElementById('6').style.display = "none";
document.getElementById('7').style.display = "none";
document.getElementById('8').style.display = "none";
document.getElementById('9').style.display = "none";
document.getElementById('10').style.display = "none";
document.getElementById('11').style.display = "block";
document.getElementById('12').style.display = "none";
}else if(valor == 12)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "none";
document.getElementById('5').style.display = "none";
document.getElementById('6').style.display = "none";
document.getElementById('7').style.display = "none";
document.getElementById('8').style.display = "none";
document.getElementById('9').style.display = "none";
document.getElementById('10').style.display = "none";
document.getElementById('11').style.display = "none";
document.getElementById('12').style.display = "block";
}
else
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById('3').style.display = "none";
document.getElementById('4').style.display = "none";
document.getElementById('5').style.display = "none";
document.getElementById('6').style.display = "none";
document.getElementById('7').style.display = "none";
document.getElementById('8').style.display = "none";
document.getElementById('9').style.display = "none";
document.getElementById('10').style.display = "none";
document.getElementById('11').style.display = "none";
document.getElementById('12').style.display = "none";
}
}
</script>
Como pueden ver, en el código de la primera lista desplegable de tres tablas dentro solo coloco tres
document.getElementById('x').style.display = "none"; pero mi problema es que cuando hago la prueba en el navegador (iexplorer y firefox) si selecciono algún item de la primera lista se muestra, pero al seleccionar alguno de la segunda, se esconde la primera lista y se muestra la segunda. Caso contrario si primero elijo un item de la segunda lista y despues selecciono uno de la segunda que si se muestran ambos. Pero al cambiar la selección de la segunda lista se vuelve a ocultar la primera y solo se muestra esta última.
Los "values" de los "options" de la segunda lista los empecé a enumerar desde el número 4.
Los items que están dentro de cada lista desplegable "escondidos" son tablas que contienen a sus vez objetos de formulario.
Espero la colaboración de la comunidad foroselweb.
Saludos.
