| Pregunta: | 68299 - OCULTAR Y MOSTRAR SEGÚN UN RADIOBUTTONLIST |
| Autor: | Stella |
| Tengo un RadioButtonList con tres opciones y de acuerdo al índice cliqueado me debe mostrar diferentes secciones encerradas entre <div> </div> que están ocultas de entrada. No logro ese objetivo, probé distintas variantes y me pasa que, o no muestra ninguna de las tres, o me muestra las tres siempre, o me muestra la que no corresponde y siempre la misma .
Probé con la propiedad Tabindex además de Value, etc. y me parece que no reconoce el índice elegido y no sé porqué. Agradecería mucho que me ayudaran. En el código .aspx tengo: <asp:RadioButtonList ID="rbtl1" onclick="activ_div(this)" runat="server" Font-Bold="True" Font-Names="Arial" Height="1px" RepeatDirection="Horizontal" Width="496px" BorderStyle="Solid" CausesValidation="True"> <asp:ListItem Value="1">Reparación del equipo</asp:ListItem> <asp:ListItem Value="2">Cambio del Equipo</asp:ListItem> <asp:ListItem Value="3">Reposición del equipo</asp:ListItem> </asp:RadioButtonList> <div id="divRepar" style="display: none;" > <h2>Reparación del equipo</h2> ........................ ........................ </div> <div style="display: none;" id="divCambio"> <h2>Cambio del equipo</h2> ........................ ........................ </div> <div style="display: none;" id="divRepos"> <h2>Reposición del equipo</h2> ........................ ........................ </div> En el archivo JSCRIPT.js tengo: function activ_div(rbtl1) { if (rbtl1.value=0) { document.getElementById("divRepar").style.display = "block"; } if (rbtl1.value=1) { document.getElementById("divCambio").style.display = "block"; } if (rbtl1.value=2) { document.getElementById("divRepos").style.display = "block"; } } Me indica que rbtl1.value está indefinido. | |
| Respuesta: | Carlos Perez |
| <asp:RadioButtonList runat="server" ID="rbtl1" Font-Bold="True" Font-Names="Arial" Height="1px" RepeatDirection="Horizontal" Width="496px" BorderStyle="Solid" CausesValidation="True" > <asp:ListItem Value="1">Reparación del equipo</asp:ListItem> <asp:ListItem Value="2">Cambio del Equipo</asp:ListItem> <asp:ListItem Value="3">Reposición del equipo</asp:ListItem> </asp:RadioButtonList> </div> <div id="divRepar" visible="false" runat="server" > <h2>Reparación del equipo</h2> ........................ ........................ </div> <div id="divCambio" visible="false" runat="server"> <h2>Cambio del equipo</h2> ........................ ........................ </div> <div id="divRepos" visible="false" runat="server"> <h2>Reposición del equipo</h2> ........................ ........................ </div> En el archivo JSCRIPT.js tengo: Protected Sub rbtl1_SelectedIndexChanged(sender As Object, e As EventArgs) Handles rbtl1.SelectedIndexChanged divRepar.Visible = False divCambio.Visible = False divRepos.Visible = False If rbtl1.SelectedValue = 1 Then divRepar.Visible = True ElseIf rbtl1.SelectedValue = 2 Then divCambio.Visible = True Else divRepos.Visible = True End If End Sub | |