Question

我只是在这里尝试一下如何上传多个表单的教程 - http://www.maheshchari.com/multifile-upload/

基本上，它有一个链接，可以在单击时添加新输入。我的问题是，如何添加另一个链接来删除输入？

感谢您的帮助：）

Answer 1

您可以删除您知道使用ID的元素：

function removeById(id) {
  var element = document.getElementById(id);

  // A bit of robustness helps...
  if (element && element.parentNode) {
    element.parentNode.removeChild(element);
  }
}

Answer 2

请将函数add_file_field更新为

var file_counter = 0;
function add_file_field(){
    file_counter++;
    var container=document.getElementById('file_container');
    var file_field=document.createElement('input');
    file_field.name='images[]';
    file_field.type='file';
    file_field.id='file_'+file_counter;
    container.appendChild(file_field);
    var remove_field = document.createElement('a');
    remove_field.href = "javascript:removeById('"+'file_'+file_counter+"');removeById('"+'remove_field_'+file_counter+"');";
    remove_field.innerHTML = "Remove')";
    remove_field.id = 'remove_field_'+file_counter;
    var br_field=document.createElement('br');
    container.appendChild(br_field);
}

这创造了一个并在你的javascript中添加函数removeById，这样当任何人点击删除按钮时，文件类型字段将被删除。这也发布在上一篇文章中

function removeById(id) {
  var element = document.getElementById(id);
  // A bit of robustness helps...
  if (element && element.parentNode) {
    element.parentNode.removeChild(element);
  }
}

Answer 3

这很简单，

document.getElementById("_id").parentNode.removeChild(document.getElementById("_id"));

如何通过id删除元素？

3 个答案: