Ir para conteúdo

POWERED BY:

Arquivado

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

Jonathan Alencar

[Resolvido] Mesmo texto em 2 inputs ao digitar

Por , em Javascript

Recommended Posts

Jonathan Alencar    0

Jonathan Alencar
Postado

Olá pessoal tudo bem?

 

Bom estou com um pequeno probleminha que surgio a poucos segundos rsrs.

 

Estou precisando de algo que faça com que quando você digite em um input o mesmo texto

durante o memento em que você está digitando vá para outro input.

 

Ex:

_______

|abc | <- Input1 // Digitei aqui

-------

 

_______

|abc | <- Input2 // Aparece aqui

-------

 

Existe essa possíbilidade?

 

Desde já agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

evento

 

onkeyup

 

<html>
<head>
<script type="text/javascript">
function id( el ){
	return document.getElementById( el );
}
window.onload = function(){
	id('campo').onkeyup = function(){
		id('copy_campo').value = id('campo').value;
	}
}
</script>
<style type="text/css">
label { display: block; }
</style>
</head>
<body>
	<label>Campo: <input type="text" name="campo" id="campo" /></label>
	<label>Cópia do Campo: <input type="text" name="copy_campo" id="copy_campo" /></label>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jonathan Alencar    0

Jonathan Alencar
Postado

Existe uma funcao parecida para select?

 

Estou tentando utilizar: onclick="javascript:document.getElementById('campo').value = '1';"

 

Mais com select não sei pq não esta funcionando.

 

Hehehe... Brigadão william.

Meu salvador hehehe..

 

Forte abraço..

 

:P

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

use o evento onchange

<html>
<head>
<script type="text/javascript">
function id( el ){
	return document.getElementById( el );
}
window.onload = function(){
	id('campo').onkeyup = function(){
		id('copy_campo').value = id('campo').value;
	}
	id('outro_campo').onchange = function(){
		id('copy_outro_campo').value = id('outro_campo').value;
	}
}
</script>
<style type="text/css">
label { display: block; }
</style>
</head>
<body>
	<label>Campo: <input type="text" name="campo" id="campo" /></label>
	<label>Cópia do Campo: <input type="text" name="copy_campo" id="copy_campo" /></label>
	
	<br />
	<label>Outro Campo: <select name="outro_campo" id="outro_campo">
		<option value="">--</option>
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
	</select></label>
	<label>Cópia do Outro Campo: <input type="text" name="copy_outro_campo" id="copy_outro_campo" /></label>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jonathan Alencar    0

Jonathan Alencar
Postado

Olá william,

 

desculpe a demora em responder mais muito obrigado..

 

Meu formulário de assinatura está 100% agora.

 

A versão antiga estava horrivel!

 

Obrigada por toda ajuda e atenção na qual você me forneceu!.

 

Forte abraço.

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