Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

375
Visualizações
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 Respostas
Responde à pergunta

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda