Ver Mensaje Individual
  #14 (permalink)  
Antiguo 12/06/2012, 13:23
Dniel
 
Fecha de Ingreso: diciembre-2009
Mensajes: 51
Antigüedad: 15 años
Puntos: 1
Respuesta: Mostrar SELECT oculto al seleccionar valor en otro SELECT.

Cita:
Iniciado por IsaBelM Ver Mensaje
te remito a tus palabras. ahí tienes la solución
Jajaja, me gusta cómo haces pensar en vez de dar una respuesta directa.

Como lo muestro a continuación, si selecciono un valor en el segundo SELECT, se muestra el segundo <tr>, pero si selecciono un valor en el segundo SELECT del segundo <tr>, no se muestra el tercer <tr>, ¿sabrías a qué se debe?

Código HTML:
<form method="post" action="#">
    <table>
        <tr>
            <td>
                <select name="select1.1">
                    <option value=""></option>
                    <option value="select1.1Option1">1</option>
                    <option value="select1.1Option2">2</option>
                    <option value="select1.1Option3">3</option>
                </select>
            </td>
            <td>
                <select name="select1.2" onchange="this.parentNode.parentNode.nextSibling.nextSibling.style.display='block'">
                    <option value=""></option>
                    <option value="select1.2Option1">1</option>
                    <option value="select1.2Option2">2</option>
                    <option value="select1.2Option3">3</option>
                </select>
            </td>
        </tr>
        <tr style="display: none">
            <td>
                <select name="select2.1">
                    <option value=""></option>
                    <option value="select2.1Option1">1</option>
                    <option value="select2.1Option2">2</option>
                    <option value="select2.1Option3">3</option>
                </select>
            </td>
            <td>
                <select name="select2.2" onchange="this.parentNode.parentNode.nextSibling.nextSibling.style.display='block'">
                    <option value=""></option>
                    <option value="select2.2Option1">1</option>
                    <option value="select2.2Option2">2</option>
                    <option value="select2.2Option3">3</option>
                </select>
            </td>
        </tr>
        <tr style="display: none">
            <td>
                <select name="select3.1">
                    <option value=""></option>
                    <option value="select3.1Option1">1</option>
                    <option value="select3.1Option2">2</option>
                    <option value="select3.1Option3">3</option>
                </select>
            </td>
            <td>
                <select name="select3.2" onchange="this.parentNode.parentNode.nextSibling.nextSibling.style.display='block'">
                    <option value=""></option>
                    <option value="select3.2Option1">1</option>
                    <option value="select3.2Option2">2</option>
                    <option value="select3.2Option3">3</option>
                </select>
            </td>
        </tr>
    </table>
</form>