自定义输入数量

Question

我需要在 HTML 表单中输入某些多边形的 UTM 坐标。我将使用 php 处理表单值以插入 mysql db。但是多边形的数量和多边形的点可以是不同的。所以可以在表单上调整文本输入框。

+---------+------------+-----------+-------------+
| polygon | point      | y         | x           |
+---------+------------+-----------+-------------+
| 1       | 1          | 0         | 0           |
+---------+------------+-----------+-------------+
| 1       | 2          | 0         | 50          |
+---------+------------+-----------+-------------+
| 1       | 3          | 50        | 50          |
+---------+------------+-----------+-------------+
| 1       | 4          | 50        | 0           |
+---------+------------+-----------+-------------+
| 2       | 1          | 50        | 75          |
+---------+------------+-----------+-------------+
| 2       | 2          | 50        | 100         |
+---------+------------+-----------+-------------+
| 2       | 3          | 75        | 75          |
+---------+------------+-----------+-------------+

让用户输入点数来创建输入框对我来说似乎是一个好习惯。但是我不确定序列化值和使用 php 处理值的最佳做法是什么？我应该使用 JSON 还是只输入带有索引的名称。或者是其他东西？

这是一个简单的例子： http://jsfiddle.net/UVZNq/

Answer 1

你可以试试这样的：

+---------+------------+-----------+-------------+
| polygon | point      | y         | x           |
+---------+------------+-----------+-------------+

                                ***************
                                * Add Another *
                                ***************

当用户按下“添加另一个”时，使用 Ajax 提交当前点并将现有（已提交）点转换为简单文本（而不是文本框）并添加新的文本框集。

这样 php 脚本一次只处理一个点，而且 UI 也不会杂乱无章。

Answer 2

如果您只是将输入命名为通用名称，例如（带括号）

<td><input type="text" name="ply[]" /></td>
<td><input type="text" name="pnt[]" /></td>
<td><input type="text" name="y[]"/></td>
<td><input type="text" name="x[]" /></td>

您应该能够在 $_POST 或 $_GET（取决于您的表单方法）中检索包含所有值的数组。例如：

print_r($_GET['ply']);

将打印您所有的层输入值。