Ir para conteúdo
Fórum Script Brasil
  • 0

Quando Seleciona Uma Determinada Opção No Select


marshmallows

Pergunta

OLHEM O CODIGO:

<select class="form_campos" name="produto">
<option class="form_campos" value="p1" selected>Refrigerador</option>
<option class="form_campos" value="p2">Lavadora</option>
<option class="form_campos" value="p3">Fogão</option>
<option class="form_campos" value="p4">Freezer</option>
<option class="form_campos" value="p5">Lava Louça</option>
<option class="form_campos" value="p6">Microondas</option>
<option class="form_campos" value="p7">Ar condicionado</option>
<option class="form_campos" value="p8">Bebedouro</option>
<option class="form_campos" value="p9">Forno Elétrico</option>
<option class="form_campos" value="p10">Televisão</option>
<option class="form_campos" value="p11">Som</option>
<option class="form_campos" value="p12">DVD</option>
<option class="form_campos" value="p13">Vídeo</option>
<option class="form_campos" value="p14">Outros</option>
    
</select> 

QUERO QUE QUANDO A PESSOA SELECIONAR A OPÇÃO "outros" , AUTOMATICAMENTE APAREÇA UM CAMPO DE TEXTO NA FRENTE, PARA ELA ESPECIFICAR QUAL SERIA ESSE PRODUTO...

tipo, se eu quero um secador de cabelos, e ele não esta na lista, quando eu selecionar OUTROS, aparece do lado uma "<input type="text">" para eu citar que é un secador,,,,

vlws

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

obrigado pessoal... já consegui !

no Head

<script language="JavaScript" type="text/javascript">
function ShowHideDIV(NomeDIV, Valor){
Valor = document.getElementById("produto").value;
if (Valor=="p14") {
document.getElementById(NomeDIV).style.display = "block";
} else if (Valor!=="p14") {
document.getElementById(NomeDIV).style.display = "none";
}
}
</script>
o codigo HTML
<select class="form_campos" name="produto" onChange="ShowHideDIV('CampoOculto','p14');">
          <option class="form_campos" value="p1" selected>Refrigerador</option>
          <option class="form_campos" value="p2">Lavadora</option>
    <option class="form_campos" value="p3">Fogão</option>
    <option class="form_campos" value="p4">Freezer</option>
    <option class="form_campos" value="p5">Lava Louça</option>
    <option class="form_campos" value="p6">Microondas</option>
    <option class="form_campos" value="p7">Ar condicionado</option>
    <option class="form_campos" value="p8">Bebedouro</option>
    <option class="form_campos" value="p9">Forno Elétrico</option>
    <option class="form_campos" value="p10">Televisão</option>
    <option class="form_campos" value="p11">Som</option>
    <option class="form_campos" value="p12">DVD</option>
    <option class="form_campos" value="p13">Vídeo</option>
    <option class="form_campos" value="p14">Outros</option>
    
          
        </select><div id="CampoOculto" style="display: none;">Especifique: <input type="text" name="especifique"><br></div>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...