none
Campo selecionado no DropDowList habilita outro campo. RRS feed

  • 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á!


    sexta-feira, 5 de julho de 2013 19:36

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 ;)



    sexta-feira, 5 de julho de 2013 20:15

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 ;)



    sexta-feira, 5 de julho de 2013 20:15
  • Cara tipo, muitíssimo obrigada!

    Tu é fera, quando crescer quero ser como você :D

    Muito obrigada mesmo, te devo mais uma ahaha


    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;
                }
            }
        }
    }
    


    sexta-feira, 5 de julho de 2013 20:32