Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

373
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!