Estoy tratando de duplicar una entrada de campo como esta en JSFiddle
Pero cuando guardo lo siguiente en un archivo html, no funciona.
¿Puede alguien por favor ayudar?
<html> <head> <script> $(function() { // <== Doc Ready $("#email").change(function() { // When email is changed $('#mail').val(this.value); // copy it over to mail }); }); </script> </head> <body> <input type="text" name="email" id="email" /> <input type="text" name="mail" id="mail" /> </body> </html>Su función está funcionando como se esperaba.
El único problema con su código fue que jQuery no se cargó en el fragmento.
Pero en lugar de change , si usa keyup o input , podría ver los cambios justo a tiempo
El cambio se activará solo cuando se desvíe de su entrada.
$(function() { // <== Doc Ready $("#email").on('keyup', function() { // When email is changed $('#mail').val(this.value); // copy it over to mail }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" name="email" id="email" /> <input type="text" name="mail" id="mail" />Este código se ejecutará con seguridad.
$(document).ready(function() { $('#email').keyup(function(e){ $('#mail').val(e.target.value); }) }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" name="email" id="email" /> <input type="text" name="mail" id="mail"/>