Ir para conteúdo

Arquivado

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

Paulo Vinícius Matos

Uso do onchange

Recommended Posts

Galera, bom dia! Queria saber como faço para 'ocultar' um input, caso eu tenha selecionado uma opção de um select.

 

<fieldset>
<legend>Destaque</legend>
<form id="form_1" name="form_1" method="post" action="crud/inserir.php">
	<select onchange="jsFunction()">
		<option value="d">Destaque</option>
		<option value="s">>Sub-destaque</option>
		<option value="c">Notícia</option> // caso tenha escolhido essa opção, oculte o input de imagem
	</select> <br/>
	<label for = "titulo">Título:</label>
	<input type="text" name="titulo" id="titulo"/><br/>
	
	<label for="data">Data:</label>
	<input type="text" name="data" id="data"/><br/>
	
	<label for= "imagem">Imagem: </label>
	<input type="file" name="imagem" id="id"><br/> // input para ficar tipo 'oculto'
	
	<label>Texto: </label>
	<textarea name="texto" id="texto"></textarea><br/>
	
	<input type="SUBMIT" name="botao" id="botao" value="Salvar"/>
</fieldset>	

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

dá um display: none para ele

seria algo como:

function jsFunction(el){
    var $id = document.getElementById('id');
    if( el.value === 'c' ) {
        $id.style.display = 'none';
    } else {
        $id.style.display = 'block';
    }
}
e ai no html:
	<select onchange="jsFunction(this)">

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.