Ir para conteúdo

POWERED BY:

Arquivado

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

Vitor RC

Textarea

Por , em Javascript

Recommended Posts

Vitor RC    11

Vitor RC
Postado

Tenho um projeto e para fazer a divulgação, preciso de um formulario meio que "dinamico".

 

Vejam o exemplo:

pmvbd.png

 

Assim ao escolher a opção Vermelho por exemplo, no form, a parte que está escrito " theme=blue ", muda para " theme=red ".

 

Tem como me ajudarem? :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

allex_carvalho    124

allex_carvalho
Postado

Montei este exemplo aqui, veja se ajuda:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<script type="text/javascript" src="jquery.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#cores").change(function(){
					jQuery("#texto").html("Seu texto aqui vai com a cor " + jQuery(this).val());
				});
			});
		</script>
	<head>
	<body>
		<form action="" method="post">
			<textarea id="texto" name="texto" rows="5">Seu texto aqui vai com a cor red</textarea>
			<select id="cores" name="cores">
				<option value="">Selecione</option>
				<option value="yellow">Amarelo</option>
				<option value="red">Vermelho</option>
			</select>
		</form>
	</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

allex_carvalho    124

allex_carvalho
Postado

Basta colocar assim:

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("#cores").change(function(){
            jQuery("#texto").html("Seu texto aqui vai com a cor " + jQuery(this).val());
        });
        jQuery("#texto").click(function(){
            jQuery(this).select();
        });
    });
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vitor RC    11

Vitor RC
Postado

 

 

Kk, devo estar abusando um pouco de ti amigo, mas tambem a como inserir uma imagem que muda de acordo com o valor do input.

Por exemplo, escolho cor verde, ai aparece uma imagem com o banner verde, escolho cor amarela, aparece imagem com cor amarela.

 

Tem como?

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