Usuário com melhor resposta
Campo selecionado no DropDowList habilita outro campo.

Pergunta
-
Boa Tarde gente tudo bem?
Então minha dúvida é bem simples, tenho um dropdowlist dessa forma:
<select id="MATRIZ" name="MATRIZ" class="txt" style="height:20px;width:150px;"> <option Value="1">SIM</option> <option Value="0">NÃO</option> </select>
Quando selecionar a opção NÃO gostaria que aparecesse o campo para digitar o CNPJ.
<input type="text" id="cnpj" name="cnpj"/>
Gostaria muito da ajuda de vocês, estou começando a desenvolver para web e me confundo ainda com alguns recursos, mesmo que simples.
Agradeço desde Já!
Respostas
-
Boa tarde Thais,
Você pode fazer dessa forma:
<select id="MATRIZ" name="MATRIZ" class="txt" style="height:20px;width:150px;" onchange="teste();"> <option Value="1">SIM</option> <option Value="0">NÃO</option> </select> <input type="text" id="cnpj" name="cnpj" style="display:none;" />
function teste() { if (document.getElementById("MATRIZ").value == 0) { document.getElementById("cnpj").style.display="inline" }else { document.getElementById("cnpj").style.display="none"; } }
Se a resposta for útil, não esqueça de marcar como resposta ;)
- Editado Alexandre Rapaki sexta-feira, 5 de julho de 2013 20:17 edit
- Marcado como Resposta Thais do NascimentoRibeiro sexta-feira, 5 de julho de 2013 20:23
Todas as Respostas
-
Boa tarde Thais,
Você pode fazer dessa forma:
<select id="MATRIZ" name="MATRIZ" class="txt" style="height:20px;width:150px;" onchange="teste();"> <option Value="1">SIM</option> <option Value="0">NÃO</option> </select> <input type="text" id="cnpj" name="cnpj" style="display:none;" />
function teste() { if (document.getElementById("MATRIZ").value == 0) { document.getElementById("cnpj").style.display="inline" }else { document.getElementById("cnpj").style.display="none"; } }
Se a resposta for útil, não esqueça de marcar como resposta ;)
- Editado Alexandre Rapaki sexta-feira, 5 de julho de 2013 20:17 edit
- Marcado como Resposta Thais do NascimentoRibeiro sexta-feira, 5 de julho de 2013 20:23
-
-
Em asp net C server side .
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:DropDownList ID="matrix" runat="server" AutoPostBack="True" onselectedindexchanged="matrix_SelectedIndexChanged"> <asp:ListItem Value="1">SIM</asp:ListItem> <asp:ListItem Value="0">NAO </asp:ListItem> <asp:ListItem Selected="True">Escolha</asp:ListItem> </asp:DropDownList> </div> <p> <asp:TextBox ID="cnpj" runat="server" Visible="false"></asp:TextBox> </p> </form> </body> </html>
Code behind using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebApplication2 { public partial class WebForm1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void matrix_SelectedIndexChanged(object sender, EventArgs e) { if (int.Parse(matrix.SelectedItem.Value) == 0) { cnpj.Visible = true; } } } }
- Editado Rodrigo Schwinn sexta-feira, 5 de julho de 2013 20:33 Erro