Ir para conteúdo

POWERED BY:

Arquivado

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

Good

[Resolvido] Passar dados do combo para caixa de texto

Por , em Javascript

Recommended Posts

Good    4

Good
Postado

Como é que eu faço pra passar os dados de um combo para uma caixa de texto?

 

Ex.: Tem uma caixa de seleção, com os nomes: Unidade 1, Unidade 2, Unidade 3, etc.. (<select></select>)

 

Aí, eu quero que quando o cara seleciona um desses ae, automaticamente insira o nome na caixa de texto (<textarea></textarea>)

 

 

vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

pegue o .value do <select> e copie para o .value do <textarea>

 

dispare a função que você criar no evento onchange() do <select>

 

prefira usar DOM, getElementById(), e tal.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Good    4

Good
Postado 

<script>
function preenche(){
    document.getElementById('textarea').value = document.getElementById('select').value;
}
</script>

<form method='post'>
   <select name="select" id="select" onchange="preenche();"><option value="teste">Teste</option><option value="teste2">Teste2</option></select>
   <textarea name='textarea' id="textarea" cols='60' rows='10'></textarea><br />
   <input type='submit'>
</form>

Eu não sei fazer com que copie.. fiz ae, só que substitui todo o valor do textarea.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

concatene..

 

<html>
<head>
<script type="text/javascript"> 
function preenche( valor ){
    document.getElementById('textarea').value += valor;
}
</script>
</head>
<body>
	<form action="" method="post">
		<select name="select" onchange="preenche( this.value );">
			<option value="teste">Teste</option>
			<option value="teste2">Teste2</option>
		</select>
		<textarea name="textarea" id="textarea" cols="60" rows="10"></textarea><br />
		<input type="submit" name="enviar" value="Enviar" />
	</form>
</body>
</html>
se você não quiser valores repetidos, pode ir adicionando num array de escopo global, ai antes de mandar pro textarea, você verifica se o valor já existe nesse array.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Good    4

Good
Postado

ok.. mas como eu faço pra ir pulando a linha? A cada vez q for selecionando.. ir pulando uma linha..

Compartilhar este post

Link para o post
Compartilhar em outros sites

augustoclaro    2

augustoclaro
Postado

Olá!

 

Use assim:

 

 

<html>
<head>
<script type="text/javascript"> 

function Chr(AsciiNum)
{

	return String.fromCharCode(AsciiNum)

}
function preenche( valor ){
    document.getElementById('textarea').value += valor+Chr(13);
}
</script>
</head>
<body>
        <form action="" method="post">
                <select name="select" onchange="preenche( this.value );">
                        <option value="teste">Teste</option>
                        <option value="teste2">Teste2</option>
                </select>
                <textarea name="textarea" id="textarea" cols="60" rows="10"></textarea><br />
                <input type="submit" name="enviar" value="Enviar" />
        </form>
</body>
</html>

Espero ter ajudado.

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