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

Select Com Js


Gutto

Pergunta

Olá. Fiz um select e ao selecionar determinada opção (menos ENSINO MÉDIO E 2º GRAU) preciso que um input seja exibido logo abaixo, e caso a opção selecionada não exija, o input desapareça, tentei assim:

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script languafe="javascript">

function curso() {

if (document.f.escolaridade1.value=="Ensino Médio" || document.f.escolaridade1.value=="2º Grau") {

exibe_curso.style.display != "block"; }

if (exibe_curso.style.display == "block") {

exibe_curso.style.display = "none";

} else {

exibe_curso.style.display = "block";

} } </script>

</head>

<body><form name="f">

<TABLE borderColor=#d6d6d6 cellSpacing=0

cellPadding=3 width=550 border=0>

<TBODY>

<TR>

<TD class=titfaq colSpan=2>FORMA&Ccedil;&Atilde;O ACAD&Ecirc;MICA</TD></TR>

<TR>

<TD class=linkquadros width=200 colSpan=2>Escolaridade</TD></TR>

<TR>

<TD><SELECT class="txt-especial" size="1" name="escolaridade1" onChange="java script: curso();">

<OPTION value="" selected>--Selecione--</OPTION>

<OPTION value="Ensino Médio">Ensino Médio</OPTION>

<OPTION value="2º Grau">2&ordm; grau</OPTION>

<OPTION value="2º Grau Técnico">2&ordm; grau t&eacute;cnico</OPTION>

<OPTION value="Doutorado">Doutorado</OPTION>

<OPTION value="Graduado">Graduado</OPTION>

<OPTION value="Mestrado">Mestrado</OPTION>

<OPTION value="Pós-Graduação">P&oacute;s-gradua&ccedil;&atilde;o</OPTION></SELECT>

</TD></TR>

<TR id="exibe_curso" style="DISPLAY: none">

<TD class=linkquadros

colSpan=2><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="20" class="linkquadros">Curso</td>

</tr>

<tr>

<td><INPUT class="campotexto" maxLength="50" size="50" name="curso1"></td>

</tr>

</table></TD>

</TR>

<TR>

<TD colSpan=2>&nbsp;</TD></TR></TBODY></TABLE></form>

</body>

</html>

Mas não importa a opção que eu venha a selecionar, o input sempre aparece e desaparece.

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

não seria isso que voce quer?

<script language="javascript">
function curso() {
var campo = document.f.escolaridade1.value;

if (campo == "Ensino Médio" || campo == "2º Grau") 
{ 
    exibe_curso.style.display = "none";
} 
else 
{
    exibe_curso.style.display = "block";
} 
}
</script>

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,3k
    • Posts
      652,3k
×
×
  • Criar Novo...