Ir para conteúdo

POWERED BY:

Arquivado

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

pinoc

[Resolvido] combobox exibir input

Por , em Javascript

Recommended Posts

pinoc    2

pinoc
Postado

Seguinte, do querendo aprender a fazer um combobox exibir um input que esta em display:none; com javascript ou ate jquery, alguem saberia um tutorial para me indicar ou oque preciso aprender pra poder fazer isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Faça assim cara:

 

$("#seuSelect").change(function(){
$("#colocaAquiSuaId").css("display","inline");
});

 

Ou Seja, quando houver a mudança de opção em seu select ele irá chamar essa função !

Compartilhar este post

Link para o post
Compartilhar em outros sites

pinoc    2

pinoc
Postado

Fiz da seguinte forma.

Mas não funciono esta correto?

 

 

<html>
<head>

<script type="text/javascript" src="novo/js/jquery-1.3.2.min.js" ></script>

<script type="text/javascript">
$("#select").change(function(){
$("#teste").css("display","inline");
});
</script>

<style type="text/css">
#teste {display: none;}
</style>
</head>

<body>

<form id="form1" name="form1" method="post" action="">
 <label for="select"></label>
 <select name="select" id="select">
 	<option>Selecione</option>
 	<option value="teste">teste</option>
 </select>

 <div id="teste">

 <h1>TESTE</h1>

 </div>

</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

você precisa esperar o DOM estar pronto para manipular ele.

 

 

<script type="text/javascript">
$(document).ready(function(){
   $("#select").change(function(){
           $("#teste").css("display","inline");
   });
});
</script>

 

leia:

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post

Link para o post
Compartilhar em outros sites

pinoc    2

pinoc
Postado

Show William funciono..

E vo dar uma lida na sua dica ai.

 

Uma coisa como eu faria para a div voltar para display: none se ela não estiver selecionada no combo?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito