Ir para conteúdo

Arquivado

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

tuhajo

[Resolvido] Abrir uma combo ao selecionar uma checkbox

Por , em Javascript

Recommended Posts

tuhajo    0

tuhajo
Postado

Bom dia,

 

Tenho um checkbox, onde quero que ao clicar na check, abra uma combobox ao lado para eu escolher um ítem e enviar.

Ao desmarcar a check, a combobox desapareça.

 

Como faço isso?

 

Grata.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

trabalhe com display = 'none'|'block'

 

dispare a função no evento onclick do checkbox

Compartilhar este post

Link para o post
Compartilhar em outros sites

tuhajo    0

tuhajo
Postado

trabalhe com display = 'none'|'block'

 

dispare a função no evento onclick do checkbox

 

 

você pode me explicar ou me passar um exemplo? Pois não sei muito javascript e não sei por onde começar essa função.

Grata.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

já está explicado no post acima, se você não tentar fazer, não dá para te ajudar.

 

um exemplo:

http://code.imasters.com.br/index.php?/topic/133-ocultarexibir-elementos-apartir-de-acao-em-radioselect/

Compartilhar este post

Link para o post
Compartilhar em outros sites

tuhajo    0

tuhajo
Postado

Eu estou tentando fazer mas não está dando certo.

Estou fazendo da seguinte maneira:

Javascript

function ExibeDiretor() {
    var TpMov = document.frmMovAdm.chkEnvia.checked;

    if (TpMov == "S") {
        document.all.divDiretor.style.display = "Block";
    }
    else{
        document.all.divDiretor.style.display = "None";
    }
}

HTML

<table border="0">
   <tr>
       <td class="texto3">
          <input type="checkbox" name="chkEnvia" value="S" onclick="ExibeDiretor();"> Direcionar para o Diretor
       </td>
       <td class="texto3"> </td>
       <div id="divDiretor" style="display:none;">
       <td class="texto3">
          <select name="sel_diretor">
             <option value="69809">aaaaa</option>
             <option value="73932">bbbbb</option>
             <option value="75057">ccccc</option>
             <option value="72392">ddddd</option>
          </select>
       </td>
       </div>
    </tr>
</table>

O que preciso é qdo selecionar a check, a combo apareça e qdo desmarcar a check, a combo desapareça.

Não dá erro mas tbm não funciona.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

por ai..

 

<html>
<head>
<script type="text/javascript">
function ExibeDiretor( el ) 
{
	document.getElementById('sel_diretor').style.display = el.checked ? 'block' : 'none';
}     
</script>
<style type="text/css">
#sel_diretor{
	display: none;/* começar escondido */
}
</style>
</head>
<body>


	<input type="checkbox" name="chkEnvia" value="S" onclick="ExibeDiretor( this );"> Direcionar para o Diretor


	<br />
	<select name="sel_diretor" id="sel_diretor">
		<option value="69809">aaaaa</option>
		<option value="73932">bbbbb</option>
		<option value="75057">ccccc</option>
		<option value="72392">ddddd</option>
	</select>

</body>
</html>

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