javascript - 删除表单数组元素

Question

我有一个表单，其中包含相同的产品但具有不同的属性。表单看起来类似于这样:

<form>
<table>
    <tr>
        <td> Line-1 </td>
        <td> <input type='text' name='ítem[1][Size]'</td>
        <td> <input type='text' name='ítem[1][Color]'</td>
        <td> <input type='text' name='ítem[1][Price]'</td>
    </tr>
    <tr>
        <td> Line-2 </td>
        <td> <input type='text' name='ítem[2][Size]'</td>
        <td> <input type='text' name='ítem[2][Color]'</td>
        <td> <input type='text' name='ítem[2][Price]'</td>
    </tr>
    <tr>
        <td> Line-3 </td>
        <td> <input type='text' name='ítem[3][Size]'</td>
        <td> <input type='text' name='ítem[3][Color]'</td>
        <td> <input type='text' name='ítem[3][Price]'</td>
    </tr>
    <tr>
        <td> Line-4 </td>
        <td> <input type='text' name='ítem[4][Size]'</td>
        <td> <input type='text' name='ítem[4][Color]'</td>
        <td> <input type='text' name='ítem[4][Price]'</td>
    </tr>
    </table>
</form>

PHP 示例代码:

for($i = 0;$i < count($_POST);$i++){
    var_dump($_POST[$i]);
}

错误:

Notice: Undefined offset: 0 in C:\xampp\htdocs\test\testing.php on line 5

如果我要使用 js 动态删除项目 [2]，提交时 php 会抛出错误，因为它找不到数字 2。这怎么办？

也许我做的不对？

Answer 1

在您的 PHP 代码中，按照建议使用 foreach:

foreach($_POST['item'] as $item){
    echo $item['Size'] . "<br />";
    echo $item['Color'] . "<br />";
    echo $item['Price'] . "<br />";
    echo "<hr />"
}

编辑:

Another question how would i go about re-changing row numbers once I deleted row number 2?

这是在 JS 或 JQuery 中完成的。像这样的东西:

var i = 1;
$.each($("tr"), function(){
  $(this).next("input[name*='Size']").attr("name", "item[" + i + "][Size]");
  $(this).next("input[name*='Color']").attr("name", "item[" + i + "][Color]");
  $(this).next("input[name*='Price']").attr("name", "item[" + i + "][Price]");
  i++;
});