Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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?
>
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
Exemplo:
var campos = document.getElementById("campo1").value + " " + document.getElementById("campo2").value + " " + document.getElementById("campo3").value
document.getElementById("campo4").value = campos
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").valuedocument.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>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..Perfeito é isso mesmo, ficou 10!!!!
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">Campo1Campo3</textarea>
<br />
</body>
</html>??
para o textarea:
id('campo5').value += campo.value+'\n';e<textarea name="textarea" cols="50" rows="10" id="campo5"></textarea>
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?
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 ?
Sim, vamos tentar, e assim vou aprendo um pouco mais. E enfim um desafio para você, porque os de antes parece que foi muito facil para você, hehehhe.
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.