我在使用 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 />";
}
}
}