Question

我在使用jQuery做一个表格时遇到了一些小问题。我会尝试尽我所能解释它。

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

我真的不知道为什么，beucase我已经完成了这个，之前和工作完全相同，但现在却没有。

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

感谢大家

抱歉，忘了添加代码！

这就是我所拥有的： 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：

name没有submit input属性，如下所示。

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

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

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

jQuery +表单问题

1 个答案: