Galera tenho 2 input:
<input name='nome1'>
<input name='nome2'>
Preciso de criar um javascript que limpe o nome2 quando o valor do nome1 for modificado.
Alguém pode me ajudar a fazer isso de forma bem simples?
Isso é simples:
var nome1 = document.querySelector('[name="nome1"]');
var nome2 = document.querySelector('[name="nome2"]');
nome1.addEventListener('change', function() {
nome2.value = '';
});
Dessa maneira quando o input mudar, o nome2
é apagado. Se quiseres podes fazer também no keyup
ou outro evento dependendo da funcionalidade que queres implementar.
Veja o exemplo usando jQuery. Utilizei keyup
no evento, ou seja, a função será invocada cada vez que digitar algo no input.
Uma dica, prefira utilizar
id
para os inputs ao invés dename
, poisid
sempre deverá ser única, já oname
não, e fica mais fácil de manipular usando jQuery também.
var $nome1 = $('input[name=nome1]');
var $nome2 = $('input[name=nome2]');
$nome1.on('keyup', function() {
$nome2.val('');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name='nome1'>
<input name='nome2'>