Como prefacio, estoy 100% seguro de que esta pregunta se ha hecho antes, pero no tengo idea de cómo formularla correctamente para obtener los resultados de búsqueda que necesito.
El objetivo es sencillo. Quiero que un usuario pueda ingresar una ubicación en mi página web, eso agregará automáticamente una entrada de ubicación 2 debajo una vez que comience a escribir en la primera entrada de ubicación.
location: *type here*
\/\/\/\/\/\/\/\/
location: example...
location 2: *type here*
Quiero que las ubicaciones de entrada sigan apareciendo hasta cualquier límite arbitrario que codifique.
Nuestra aplicación web utiliza HTML, CSS, Javascript y Perl. Así que sé que hay algunos métodos para adjuntar esto, pero me gustaría saber qué desarrollador web estándar/aceptado se acercó
¡Gracias!
Editar: supongo que debería agregar que quería hacer esto con una tabla html en un formulario div.
Puede agregar javascript simplemente. Estoy usando javascript nativo pero puedes usar cualquier otra biblioteca js. Primero debe agregar el evento onkeyup para que cuando el usuario comience a escribir myFunction() se invoque.
<input type="text" id="location" name="location" onkeyup="myFunction()"> <input type="hidden" id="location_2" name="location_2">Entonces tienes que crear myFunction(). En myFunction() tienes que ver el campo de entrada oculto
<script> function myFunction() { document.getElementById("location_2").style.visibility = "visible"; } </script>También puede verificar que la entrada de la primera ubicación esté vacía o no de la misma manera. Si la entrada de la primera ubicación se vacía, también puede ocultar la segunda ubicación.