none
Campo selecionado no DropDowList habilita outro campo. RRS feed

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    1
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    1
    Entrar para Votar

    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
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |
  • Question
    Entrar para Votar
    1
    Entrar para Votar

    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
    |