Cita:
Iniciado por IsaBelM 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>