Question

这是表格代码。

<form action="#" class="form-horizontal" id="exam-form">
 <div class="col-lg-12 col-md-12">
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">Exam Image (Max 500x500)</h4>
            <label for="input-file-max-fs">You can add a max file size</label>
            <input type="file" id="input-file-max-fs" class="dropify" data-max-file-size="2M" name="image"  />
        </div>
    </div>
</div>
</form>

我想删除dropify文件上传，我尝试了multiplle方式，但是它不起作用。

$("#exam-form").remove(".dropify");
$("#exam-form input[name=image]").remove();

Answer 1

不删除它，而是通过jquery隐藏它。

$('<a>click on me</a>').appendTo('#appender').click(function(){alert(1);});

JQUERY：

    <form action="#" class="form-horizontal" id="exam-form">
     <div class="col-lg-12 col-md-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Exam Image (Max 500x500)</h4>
                <label for="input-file-max-fs">You can add a max file size</label>
                <input type="file" id="input-file-max-fs" class="dropify" data-max-file- 
                size="2M" name="image"  />
            </div>
        </div>
    </div>
</form>

只需在文档上方进行操作即可。

Answer 2

您几乎拥有它，正确的应该是（看引号）：

$('#exam-form input[name="image"]').remove();

如何使用jQuery删除Dropify文件上传元素

2 个答案: