Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Thiago.l92

Exibir / Ocultar campo de formulário de acordo com o valor selecionado

Recommended Posts

E aew galera,
estou precisando exibir um campo de link apenas quando na <select> for selecionada a <option> manchete:

tentei usar o evento onclick mas não está funcioanndo:

<script language="javascript">

function exibircampolink(id){
document.getElementById(id).style.display = '';
}

</script>

<form>

 

Tipo de texto:

<select name="tipo">
<option value="manchete" onclick="exibircampolink('link')">Manchete</option>
</select>

<p id="link">
Link: <input type="text" />
</p>

 

</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

É com o evento 'onchange'.

 

http://jsfiddle.net/rnxn/fX6Rg/

<form action='#'>
    <select id='combo' name='combo'>
        <option value='algumacoisa'> Alguma coisa </option>
        <option value='manchete'> Manchete </option>
        <option value='outracoisa'> Outra coisa </option>
    </select>
</form>

<div>
    <a href='#'>Link</a>
    <a href='#'>Link</a>
</div>
var el = document.querySelector('body > div');

document.getElementById( 'combo' ).addEventListener( 'change', function(){
    if(this.value === 'manchete') {
        el.style.visibility = 'visible';
    } else {
        el.style.visibility = 'hidden';
    }
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

Estou precisando de algo assim também, mas para abrir não links mas campo text para ser preenchido conforme seleciono um determinado valor da lista, estou começando a aprender um pouco das funções, se tiver um código mais completo sobre como chamar a função me ajuda demais.

 

Exemplo:

No meu cadastro de Clientes no formulario PHP

Se eu seleciono DEBITO EM CONTA, aparece campos para digitar: BANCO, AGENCIA, CONTA

Se eu seleciono CARTAO DE CRÉDITO, aparece: OPERADORA, NUMERO DO CARTAO, VALIDADE DO CARTAO.

 

é possivel fazer algo assim? :upset: :upset:

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 09/04/2015 at 16:19, AnibalJR disse:

Estou precisando de algo assim também, mas para abrir não links mas campo text para ser preenchido conforme seleciono um determinado valor da lista, estou começando a aprender um pouco das funções, se tiver um código mais completo sobre como chamar a função me ajuda demais.

 

Exemplo:

No meu cadastro de Clientes no formulario PHP

Se eu seleciono DEBITO EM CONTA, aparece campos para digitar: BANCO, AGENCIA, CONTA

Se eu seleciono CARTAO DE CRÉDITO, aparece: OPERADORA, NUMERO DO CARTAO, VALIDADE DO CARTAO.

 

é possivel fazer algo assim? :upset: :upset:

também estou com essa duvida, alguém pode ajudar ??

Compartilhar este post


Link para o post
Compartilhar em outros sites

Use essas funções no JavaScript

 

        $(".pagamentos").hide();
    $("#pg0").click(function(){
        $(".pagamentos").slideUp("slow");
 

Compartilhar este post


Link para o post
Compartilhar em outros sites
<form action='#'>
    <select id='combo' name='combo'>
        <option value='Credito'> Crédito</option>
        <option value='Debito'> Debito </option>
    </select>
</form>

<div id="divCredito">
Inputs de crédito
</div>
<div id="divDebito">
Inputs de débito
</div>

 

document.getElementById( 'combo' ).addEventListener( 'change', function(){
    if(this.value === 'Credito') {
        document.getElementById("divCredito").visibility = 'visible';
        document.getElementById("divDebito").visibility = 'hidden';
    } else {
        document.getElementById("divCredito").visibility = 'hidden';
        document.getElementById("divDebito").visibility = 'visible';
    }
});

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pessoal o valor de entrada do meu formulário que preciso esconder para usuários é o:  e-mail 

Preciso tornar o e-mail oculto para usuários reais e visível para bots.

O código é o seguinte: 

 

<input id="mauticform_input_formpoupopthriveleadssitedominiotemporario_email_alternativo" name="mauticform[email_alternativo]" value="" class="mauticform-input" type="email" />

Algum dos colegas podem me ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.