Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

377
Vistas
HTML/Javascript: cómo enviar una entrada y hacer que complete un área de texto con un botón enviar/agregar más

Por lo tanto, estoy creando un generador de currículum precompletado para una clase y quiero tener solo un área de entrada para la experiencia profesional/información laboral, pero quiero un botón en el que se pueda hacer clic una y otra vez para enviar la información de cada trabajo. Idealmente, los resultados se mostrarían en un cuadro de texto debajo para que puedan ver y realizar un seguimiento de lo que han enviado. Incluí el código que usé en el lado HTML: **nota: toda la página es básicamente un formulario con un envío en la parte inferior. Este es un botón separado.

Editado: Entonces, la idea es cómo funciona el envío de una pregunta de StackOverflow ... a medida que escribe en el cuadro, los resultados se muestran a continuación. Y luego hay un botón de envío de formulario.

Captura de pantalla de la página HTML hasta ahora:

ingrese la descripción de la imagen aquí

 <div> <fieldset> <legend>Work Experience</legend> <p> <label for="occupation">Job Title</label><br> <input type="text" id="occupation" name="occupation"><br> <label for="company">Company Name:</label><br> <input type="text" id="company" name="company"><br> <label for="duties">Duties and Skills Attained:</label><br> <input type="text" id="duties" name="duties"><br> <button type="button" id="generate">Add Work Eperience</button> </p> </fieldset> </div>
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

No estoy seguro de entender completamente, pero los nombres de entrada también admiten matrices. Entonces, lo que podría hacer es algo como esto (asumiendo que desea tener un envío para cada entrada).

 <input type="text" id="occupation" name="experience[][occupation]" value="some-previous-occupation"> <input type="text" id="company" name="experience[][company]" value="some-previous-company">

Luego, puede agregar entradas ocultas para realizar un seguimiento de las que ya se enviaron (puede usar un bucle y reemplazar 0 con el índice del bucle)

 <input type="hidden" id="occupation" name="experience[0][occupation]"> <input type="hidden" id="company" name="experience[0][company]">

Esto luego se enviaría a su back-end de esta manera:

 [ 0 => ['occupation' => 'some-previous-occupation', 'company' => 'some-previous-company'] 1 => ['occupation' => 'developer', 'company' => 'stackoverflow'] ]
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda