jQuery + 表单问题

Question

我在使用 jQuery 制作表单时遇到了一些小问题。我会尽量解释清楚。

我有一个按钮，当它被点击时，它会生成一个新的输入。我已经使用 jQuery 成功完成了这项工作，将输入命名为：image-1、image-2 等。 问题是，当我提交表单时，使用 jQuery 添加的输入无法被抓取输入值的页面识别，并显示“未定义变量“image-X”。

我真的不知道为什么，因为我已经这样做了，以前完全一样并且工作过，但现在不行了。

希望你能帮我解决这个问题！

谢谢大家

抱歉，忘记添加代码了！

这就是我所拥有的： HTML

<form method="post" action="update.php?IdMant='.$mant.'" enctype="multipart/form-data">
<input type="hidden" name="id" value="'.$id.'" />
<tr>
    <td align="right"><span id="ai">Insert Image</span></td>
</tr>
<tr>
    <td id="images">
        <label>Image:</label><input type="file" name="image-1" /> Order:<input type="text" name="order-1" size="2"/>
    <div class="clear"></div>
    </td>
</tr>
<tr>
<input type="hidden" name="numImages" value="1" id="numImages" />
    <td><input type="submit" value="Upload Image/s"></td>
</tr>
</form>

jQuery 代码：

var i = 2;
var n = 2;
$(document).ready(function() {
    $("#ai").click(function() {
        $("#images").append("<label>Image:</label><input type='file' name='image-"+i+"' /> Order:<input type='text' name='order-"+i+"' size='2' /><div class='clear'></div>");
        $("#numImages").val(n);
        n++;
        i++;
    });
});

所有这些方法都可以正常工作，现在是 PhP 代码：

for($i = 1; $i <= $_POST['numImages']; $i++) {
if(!empty($_FILES['image-'.$i]['name'])) {
    $name = $_FILES['image-'.$i]['name'];
    $type = $_FILES['image-'.$i]['type'];
    $folder = "img/";
    $folder = $folder.$name;
    if($type == "jpeg" || $type == "jpg" || $type == "gif" || $type == "png") {
        if(!move_uploaded_file($_FILES['image-'.$i]['tmp_name'], $folder)) {
            $error .= "Error ocurred with ".$name." file<br />";
        }
        else {
            insert_image_to_db($_POST['id'], $folder, $_POST['order-'.$i]);
        }
    }
    else {
        $error .= "Type of image <b>".$name."</b> incorrect.<br />";
    }
}
}

Answer 1

您应该添加 table 标记并在您的 jquery 中使用它。如下所示

<input type="hidden" name="id" value="'.$id.'" />
<table id="mytable">
...
<tr id="mytr">
    <td id="images">

和

$("#mytable #mytr #images").append(...);

编辑 1：

您的submit input 没有像下面这样的name 属性。

<input type="submit" value="Upload Image/s" name="submit">

你应该得到类似下面的输入

if (isset($_POST['submit']){
...
for($i = 1; $i <= $_POST['numImages']; $i++) {
...