Ir para conteúdo

POWERED BY:

Arquivado

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

Antonio Jorge

[Resolvido] Como juntar input com javascript

Por , em Javascript

Recommended Posts

Antonio Jorge    0

Antonio Jorge
Postado

Veja o código:

<form name="form">
<input name="campo1"><br> 
<input name="campo2"><br> 
<input name="campo3"><br> 
<input name="Saida"><br>
</form>

Quero que ao preencher o campo1, campo2 e campo3, seja preenchido automaticamente o "Saida", mas com 1 espaço entre 1 e outro. Tem como fazer isso em javascripts?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Sim, acesse o atributo .value dos 3 campos, concatene, e coloque no terceiro.

 

lembre-se de declarar:

type="text", e para facilitar, dê um id único à cada input, assim usando a função: document.getElementById() você consegue acessar os campos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Antonio Jorge    0

Antonio Jorge
Postado

Sim, acesse o atributo .value dos 3 campos, concatene, e coloque no terceiro.

 

lembre-se de declarar:

type="text", e para facilitar, dê um id único à cada input, assim usando a função: document.getElementById() você consegue acessar os campos.

 

 

 

Olá caro moderador, teria como você explicar colocando um código de exemplo? Não tenho conhecimento aprofundado, somente o suficiente para substituir valores.

 

DEsde já agradeço

 

---

Antonio Barros

Fórum Tectonny

http://tectonny.com

Compartilhar este post

Link para o post
Compartilhar em outros sites

Felipe Antunes    0

Felipe Antunes
Postado

Exemplo:

 

var campos = document.getElementById("campo1").value + " " + document.getElementById("campo2").value + " " + document.getElementById("campo3").value

 

document.getElementById("campo4").value = campos

Compartilhar este post

Link para o post
Compartilhar em outros sites

Antonio Jorge    0

Antonio Jorge
Postado

Deixa ver se eu entendi, colocar esse código como javascripts, mas não precisa colocar nenhuma função (funcion)? e os IDs para cada text precisa?

 

Veja ai, testei assim e não deu certo, onde eu errei:

 

<html>
<script>
var campos = document.getElementById("campo1").value + " " + document.getElementById("campo2").value + " " + document.getElementById("campo3").value

document.getElementById("campo4").value = campos 
</script>
<input type="text" name="campo1" id="campo"><BR>
<input type="text" name="campo2" id="campo2"><BR>
<input type="text" name="campo3" id="campo3"><BR>
<input type="text" name="campo4" id="campo4"><BR>
<html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Você precisa pensar da seguinte forma, em Javascript:

Quando o que eu quero deve ocorrer?

 

esse 'qndo', você avisa com um evento: onclick, onload, onblur..

<html>
<head>
<script>
function id( el ){
	return document.getElementById( el );
}
function ct_campos( campo )
{
	id('campo4').value += campo.value+' ';
}
</script>
</head>
<body>
	<input type="text" name="campo1" onblur="ct_campos( this )" /><br />
	<input type="text" name="campo2" onblur="ct_campos( this )" /><br />
	<input type="text" name="campo3" onblur="ct_campos( this )" /><br />
	<input type="text" name="campo4" id="campo4" /><br />
</body>
</html>
dessa forma acima, ao sair de cada campo(onblur), o campo de id="campo4" recebe os valores, e vai concatenando..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Antonio Jorge    0

Antonio Jorge
Postado

Willian mais um desafio, teria como preencher um "texarea" com os mesmos dados preenchido nos "text" anterior, conforme o exemplo:

 

<html>
<head>
<script>
function id( el ){
        return document.getElementById( el );
}
function ct_campos( campo )
{
        id('campo4').value += campo.value+' ';
}
</script>
</head>
<body>
        <input type="text" name="campo1" onblur="ct_campos( this )" /><br />
        <input type="text" name="campo2" onblur="ct_campos( this )" /><br />
        <input type="text" name="campo3" onblur="ct_campos( this )" /><br />
        <input type="text" name="campo4" id="campo4" />
        <br>
        <textarea name="textarea" cols="50" rows="10">Campo1
Campo2

Campo3</textarea>
        <br />
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

??

 

para o textarea:

id('campo5').value += campo.value+'\n';
e
<textarea name="textarea" cols="50" rows="10" id="campo5"></textarea>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Antonio Jorge    0

Antonio Jorge
Postado

Cara, você é muito bom mesmo, ficou perfeito.

 

 

Só para saber, se eu quisesse que aparecesse o que foi digitado anteriormente no textarea (como já está), mas depois de alguma palavra já escrita, tipo... Já ta escrito CAMPO: e ao digitar o valor no "text" a palavra teste, aparece CAMPO: teste, tem como ou já estou querendo milagre?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

hum.. tem como sim cara... fazendo um parse do .value atual do textarea.. dá para fazer de todos os campos assim...

 

ai sim você deu um desafio de verdade ^_^

vai tentar fazer ?

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