Javascript <;输入类型=";文件"&燃气轮机;由jQuery添加的内容不会发送任何内容
我正在尝试一个带有HTML表单的小页面,在它里面,jQuery添加了文件字段,其名称附加了Javascript <;输入类型=";文件"&燃气轮机;由jQuery添加的内容不会发送任何内容,javascript,php,jquery,html,forms,Javascript,Php,Jquery,Html,Forms,我正在尝试一个带有HTML表单的小页面,在它里面,jQuery添加了文件字段,其名称附加了[],因此PHP目标将其作为文件数组接收。但是PHP没有收到这些文件 样本: $(文档).ready(函数(){ $(“#添加”)。单击(函数(){ 美元(“#deps”)。之前(“依赖:”); }); $(“#rem”)。单击(函数(){ $(“#依赖项”).remove(); }); }); +依赖性 -依赖性 将表格包装成表单是问题的一部分,但是您还将遇到其他问题。下面的代码解决了这些问题。按钮的
[]
,因此PHP目标将其作为文件数组接收。但是PHP没有收到这些文件
样本:
$(文档).ready(函数(){
$(“#添加”)。单击(函数(){
美元(“#deps”)。之前(“依赖:”);
});
$(“#rem”)。单击(函数(){
$(“#依赖项”).remove();
});
});
+依赖性
-依赖性
将表格包装成表单是问题的一部分,但是您还将遇到其他问题。下面的代码解决了这些问题。按钮的默认状态是submit,不能有多个id相同的对象(命中+依赖项)
$(文档).ready(函数(){
$(“#添加”)。单击(函数(){
美元(“#deps”)。之前(“依赖关系:-依赖关系”);
});
$(document).on(“click”,“.rem”,function(){
$(this.parents(“tr”).remove();
});
});
+依赖性
将表格包装成表单是问题的一部分,但是您还将遇到其他问题。下面的代码解决了这些问题。按钮的默认状态是submit,不能有多个id相同的对象(命中+依赖项)
$(文档).ready(函数(){
$(“#添加”)。单击(函数(){
美元(“#deps”)。之前(“依赖关系:-依赖关系”);
});
$(document).on(“click”,“.rem”,function(){
$(this.parents(“tr”).remove();
});
});
+依赖性
谢谢大家。为了以防万一,把桌子上的东西都扔了,现在可以用了
课程名称:
资源:
依赖项:+
谢谢大家。为了以防万一,把桌子上的东西都扔了,现在可以用了
课程名称:
资源:
依赖项:+
该html的可能副本也是无效的。
不是
的可识别子级。表是最严格的html结构之一。您需要将表单移到外部以便它封装您的表,或者如果您的所有表单字段都在一个td中,您可以将其移到td中。可能的重复也是无效的html。
不是
的可识别子级。表是最严格的html结构之一。您需要将表单移到外部以便它封装您的表,或者如果所有表单字段都在一个td中,您可以将其移到td中。
<html>
<head>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#add").click(function() {
$("#deps").before("<tr><td>Dependency:</td><td><input type='file' name='deps[]' /><button type='button' class='rem'>- Dependency</button></td></tr>");
});
$(document).on("click",".rem",function() {
$(this).parents("tr").remove();
});
});
</script>
<form method="POST" enctype="multipart/form-data" action="target.php">
<table>
<tr>
<td>
<button type="button" id="add">+ Dependency</button>
</td>
<td>
</td>
</tr>
<tr id="deps">
<td></td>
<td><input type="submit" name="submit" value="send" /></td>
</tr>
</table>
</form>
</body>
</html>