Ir para conteúdo

POWERED BY:

Arquivado

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

Hidosov

[Resolvido] Evento OnChange não executa

Recommended Posts

Boa tarde,

 

tenho um código que altera o value de um textfield e quando o value deste é alterado, ele deveria executar uma outra função, mas essa segunda função não está sendo chamada.

Ficou meio confuso, mas vou postar um exemplo do código pra ajudar a entender:

 

HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<p>
 <input type="text" name="primeiro" id="primeiro" onchange="copia()" />
</p>
<p>
 <input name="segundo" type="text" id="segundo" readonly="readonly" onchange="soma()" />
</p>
<p>
 <input name="total" type="text" id="total" readonly="readonly" />
</p>
</body>
</html>

 

JS:

<script language="javascript">
function copia(){
var valor1 = document.getElementById('primeiro').value;

document.getElementById('segundo').value = valor1;	
}

function soma(){
var valor1 = document.getElementById('primeiro').value;
var valor2 = document.getElementById('segundo').value;

document.getElementById('total').value = valor + valor2;

}

</script>

 

Agradeço quem puder ajudar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

É isso que você quer?

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function copia(){
       var valor1 = document.getElementById('primeiro').value;

       document.getElementById('segundo').value = valor1;  
	soma();    
}

function soma(){
       var valor1 = document.getElementById('primeiro').value;
       var valor2 = document.getElementById('segundo').value;

       document.getElementById('total').value = parseInt(valor1) + parseInt(valor2);

}

</script>
</head>
<body>
<p>
 <input type="text" name="primeiro" id="primeiro" onchange="copia()" />
</p>
<p>
 <input name="segundo" type="text" id="segundo" readonly="readonly" />
</p>
<p>
 <input name="total" type="text" id="total" readonly="readonly" />
</p>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.