按钮后立即添加tr

Question

我想让用户在按钮旁边立即添加另一个输入文件，这样他就可以选择并发送“x”个文件数

我一直在搜索时没有运气

http://stackoverflow.com/a/19200323/5586647
http://stackoverflow.com/a/19200278/5586647
http://stackoverflow.com/a/30098596/5586647

我要插入新tr的代码

echo '<tr align=center ><td colspan="4"><input type="file" name="oc" id="oc"/></td><td><input type="button" value="add more" id="addme"/></td></tr>';

我会提供一些帮助

修改

在使用答案的时候，我遇到了一个问题，即添加了de tr（或者我猜是tr）但是在原文的一边（使用追加）

我想要的是：

代码：https://jsfiddle.net/9k4kmvmw/

Answer 1

jQuery可以使用.append() - jquery.com/append

为您执行此操作

一个未经测试的例子......

这是HTML，

<table id="table">
  <tr>
    <td><input type="file" name="file[]" /></td>
  </tr>
</table>
<button id="button">Add another</button>

和javascript，

$("#button").click(function(){
  var string = '<tr><td><input type="file" name="file[]" /></td></tr>';
  $("#table").append(string);
});

Answer 2

您可以使用jQuery After(); jquery.com/after/和点击事件，并确保输入名称是数组[]

$('.addme').click(function(){
     $('.uploads').last('tr').after('<tr align=center ><td colspan="4"><input type="file" name="oc[]"/></td></tr>');
});

http://jsfiddle.net/j0jjzm7o/16/

Answer 3

您需要一些JavaScript（JQuery）才能完成任务。

实时预览：http://codepen.io/larryjoelane/pen/Nxovdj

在关闭正文标记之前将以下内容放在脚本标记中，或者在加载JQuery之后从外部文件加载它。如果您不确定如何通过外部文件加载JavaScript，可以从此链接下载示例并浏览index.html文件。

Example Download

//store the addme id
var addMe = "#addme";

//store the tr markup
var tr = '<tr align=center ><td colspan="4"><input type="file" name="oc" id="oc"/></td><td><input type="button" value="add more" id="addme" /></td></tr>';

//add the on click event
$(document).on("click",addme,function(){


  //select the table
  var table = $("#table"); 

  //append the tr
  table.append(tr);


});