处理窗体上的“添加更多”选项的PhP SQL

Question

如果我有一个用户可以随意添加额外字段的表单，我会对如何处理这个表单感到困惑。例如

HTML

<input name="provider_name" type="text" />
<button class="add-more">Add Provider</button>

Javascript / jQ

var addtlCounter = 0;
$(".add-more").click(function(e){
  e.preventDefault();
  addtlCounter++;
  $(this).before('<input name="provider_name_' + addtlCounter + '" type="text" />');
})

显然，如果只有一个provider_name，我可以

INSERT INTO MyTable(value) VALUES ($_POST["provider_name"])

但是，根据用户单击添加提供程序的次数，我将得到一个未知数量的provider_name_*。

任何关于当我处理这个表单的建议，我都可以知道他们添加了多少额外的提供者，并相应地插入。

Answer 1

使用HTML数组。

<input name="provider_name[]" type="text" />
<button class="add-more">Add Provider</button>

然后，在PHP中。

foreach($_POST["provider_name"] as $provider)
{
    echo $provider;
}

编辑：

若要有两个相关字段，可以在数组中包含一个数组，但必须对名称进行索引。因此：

  <input name="providers[1][name]" type="text" />
  <input name="providers[1][number]" type="text" />
  <input name="providers[2][name]" type="text" />
  <input name="providers[2][number]" type="text" />
  <input name="providers[3][name]" type="text" />
  <input name="providers[3][number]" type="text" />
  <input name="providers[4][name]" type="text" />
  <input name="providers[4][number]" type="text" />
  <input name="providers[5][name]" type="text" />
  <input name="providers[5][number]" type="text" />

这将导致这个数组：

array(1) {
  ["providers"]=>
  array(5) {
    [1]=>
    array(2) {
      ["name"]=>
      string(0) ""
      ["number"]=>
      string(0) ""
    }
    [2]=>
    array(2) {
      ["name"]=>
      string(0) ""
      ["number"]=>
      string(0) ""
    }
    [3]=>
    array(2) {
      ["name"]=>
      string(0) ""
      ["number"]=>
      string(0) ""
    }
    [4]=>
    array(2) {
      ["name"]=>
      string(0) ""
      ["number"]=>
      string(0) ""
    }
    [5]=>
    array(2) {
      ["name"]=>
      string(0) ""
      ["number"]=>
      string(0) ""
    }
  }
}