Soy nuevo en JS. Tengo entrada y área de texto. Quiero restablecer el valor del área de texto, si se cambia la entrada.
<!doctype html> <HTML lang="en"> <HEAD> <META charset="utf-8"> <META name="viewport" content="width=device-width, initial-scale=1"> <TITLE>Hello, world!</TITLE> </HEAD> <BODY> <INPUT type="text"> <TEXTAREA>AAAA</TEXTAREA> </BODY> </HTML>Puede lograr esto muy rápido con Jquery de la siguiente manera:
$('input').change(function() { $('textarea').val(''); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <input type="text"> <br/><br/> <textarea>AAA</textarea> Puede reemplazar .change con .keyup si desea que el valor del área de textarea se restablezca inmediatamente cuando se escribe la input .
disparadores de eventos de entrada:
.change : se activa en el momento en que se cambia el valor de la input o se hace clic fuera de él.
.keyup : se dispara cuando se suelta una tecla en input .
.keydown : se dispara cuando se presiona una tecla en la input .
Modifique su código HTML de la siguiente manera:
<!doctype html> <HTML lang="en"> <HEAD> <META charset="utf-8"> <META name="viewport" content="width=device-width, initial-scale=1"> <TITLE>Hello, world!</TITLE> </HEAD> <BODY> <INPUT type="text" id="inputField1" onInput="document.getElementById('textarea1').innerHTML = '';"> <TEXTAREA id="textarea1" >aaa</TEXTAREA> </BODY> </HTML>