none
dropdowlist RRS feed

  • Pergunta

  • galera eu quero que quando a pessoa selecione no dropdowlist apareça  um campo textbox dependendo do que a pessoa selecionar . existem 2 opções participante e credenciado , caso selecionado participante , preciso que apareça um textbox para ser gigitada a matrícula

                        @Html.Label("Manifestante")
                        @Html.DropDownListFor(m => m.categoria, new SelectList(tipoManifestante, "ModuleId"), "--Selecione--", new { @class = "form-control", id = "Cards" })
                        @Html.ValidationMessageFor(m => m.TipoVinculo)

    domingo, 2 de março de 2014 15:29

Respostas

  • Usei Jquery para fazer esse efeito ...
    @{ Layout = null; }
    <!DOCTYPE html>    
    <html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>Exemplo</title>
        <script src="~/Scripts/jquery-1.10.2.js"></script>
    </head>
    <body>
        <div> 
                        
                <select id="selectPrincipal" name="selectPrincipal">
                    <option value="1">Credenciado</option>
                    <option value="2">Participante</option>
                </select>
                <span id="spanMatricula" style="display:none;">
                    <input type="text" id="matricula" name="matricula" />
                </span>
            
        </div>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#selectPrincipal").change(function () {
                    if (parseInt($(this).val()) == 2) {
                        $("#spanMatricula").fadeIn(0);
                    } else {
                        $("#matricula").val('');
                        $("#spanMatricula").fadeOut(0);
                    }
                });
            });
        </script>
    </body>
    </html>
    Fiz como exemplo ... !!! Faça as adaptações!

    Fulvio Cezar Canducci Dias



    terça-feira, 4 de março de 2014 02:53

Todas as Respostas

  • Usei Jquery para fazer esse efeito ...
    @{ Layout = null; }
    <!DOCTYPE html>    
    <html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>Exemplo</title>
        <script src="~/Scripts/jquery-1.10.2.js"></script>
    </head>
    <body>
        <div> 
                        
                <select id="selectPrincipal" name="selectPrincipal">
                    <option value="1">Credenciado</option>
                    <option value="2">Participante</option>
                </select>
                <span id="spanMatricula" style="display:none;">
                    <input type="text" id="matricula" name="matricula" />
                </span>
            
        </div>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#selectPrincipal").change(function () {
                    if (parseInt($(this).val()) == 2) {
                        $("#spanMatricula").fadeIn(0);
                    } else {
                        $("#matricula").val('');
                        $("#spanMatricula").fadeOut(0);
                    }
                });
            });
        </script>
    </body>
    </html>
    Fiz como exemplo ... !!! Faça as adaptações!

    Fulvio Cezar Canducci Dias



    terça-feira, 4 de março de 2014 02:53
  • Cara muito obrigado, deu certinho aqui .
    terça-feira, 4 de março de 2014 12:57