Estoy tratando de hacer un pequeño script que le permita a un usuario crear automáticamente un div una vez que se presiona el botón de tabulación y el foco está en la entrada y .
Ese div es un duplicado del div anterior.
No sé lo que me estoy perdiendo, pero solo se activa con el primer elemento, y no con los creados dinámicamente.
Este es mi código:
<script type="text/javascript"> $(document).ready(function() { createElement(); $('.y').on('keydown', function(event) { if (event.repeat) { return; } if(event.key === "Tab") { createElement(); } $(this).unbind('keydown'); }); }); function createElement() { $('body').append('<div class="clue-div"><div class="clue-name"><label>Pista:</label><select id="clue-name"></select></div><div class="clue-coords"><label>X:</label><input type="number" class="x"><label>Y:</label><input type="number" class="y"></div></div>'); $.get('/get_element_names.php', function(data) { $.each(data, function(index, val) { $("select:last").append('<option value="'+val.name+'">'+val.name+'</option>'); }); }); } </script>¿Pueden ayudarme con esto? Gracias de antemano.