Home/ Questions/Q 1064765
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T19:43:06+00:00

What I’m trying to do: We have one input on the page We press

  • 0

What I’m trying to do:

  1. We have one input on the page
  2. We press “add” button and one more input adds after first
  3. On submit we get all their values and add them into an array.

How to add additional inputs on page (with jquery), and then get their contents in php?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You don’t need to add the inputs into an array explicitly. If you name the input fields correctly, PHP will automatically parse them into an array.

    HTML

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery dynamic input sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">

    // Input adding function
    function addInput() {
        $('#inputs').append('<p><input type="text" name="input[]"></p>');
    }

    // Event handler and the first input
    $(document).ready(function () {
        $('#adder').click(addInput);
        addInput();
    });

</script>

  </head>
  <body>
      <form id="form" method="post" action="jquery.php">
          <a id="adder" href="#">Add Input</a>
          <div id="inputs">
          </div>
          <input type="submit" />
      </form>
  </body>
</html>

    PHP

    foreach ($_POST['input'] as $key => $value) {
    echo "$key $value";
}
    • 0