php中的多个输入

Jam*_*mes 1 javascript php jquery input

我正在做的事情:

  1. 我们在页面上有一个输入
  2. 按"添加"按钮,首先添加一个输入
  3. 在提交时,我们获取所有值并将它们添加到数组中.

如何在页面上添加额外的输入(使用jquery),然后在php中获取其内容?

Sau*_*aul 5

您无需显式地将输入添加到数组中.如果正确命名输入字段,PHP将自动将它们解析为数组.

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>
Run Code Online (Sandbox Code Playgroud)

PHP

foreach ($_POST['input'] as $key => $value) {
    echo "$key $value";
}
Run Code Online (Sandbox Code Playgroud)