So I am creating a pre-fill resume builder for a class and I want to have only one input area for career experience/ job info but I want a button that can be clicked over and over to submit each jobs information. Ideally the results would show in a textbox below it so they can see and keep track of what they have submitted. I included the code I used on the HTML side: **note: The entire page is basically one form with a submit at the bottom. This is a separate button.

Edited: So the idea is kind of just how submitting a StackOverflow Question works...as you type in the box, the results are shown below. And then there is a form submit button.

Screenshot of the HTML page so far:

<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

Responde à pergunta

Encontrar trabalhos remotos

Answer 1 · 2022-07-09T04:10:30.014Z

Not sure I understand completely, but input names support arrays as well. So what you could do is something like this (assuming you want to have a submit for each entry).

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

You could then add hidden inputs to keep track of the ones that were already submitted (you could use a loop and replace 0 with the index of the loop)

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

This would then be submitted to your back-end like this:

[
    0 => ['occupation' => 'some-previous-occupation', 'company' => 'some-previous-company']
    1 => ['occupation' => 'developer', 'company' => 'stackoverflow']
]

0

379

HTML/ Javascript: How to submit input and have it fill in a textarea with a submit/add more button

Edited: So the idea is kind of just how submitting a StackOverflow Question works...as you type in the box, the results are shown below. And then there is a form submit button.

1 Respostas

0

Encontrar trabalhos remotos

Andres GPT