Question

人，

当我收到ajax响应时，我有一个包含 2输入文本和 2输入文件的页面，发送清除整个表单作为下面的代码，但只有一个字段现场没有清除：

<input class="fileUploadAudio" id="fileUploadAudio" name="fileUploadAudio" type="file"></span>

我相信我们应该有一些冲突，我已经做了一切，我无法清除这个有福的国家。

PS：如果您需要我发布页面来看看。

<div class="form-group">
                    <label class="col-sm-3 control-label">Imagem para Push</label>
                    <div class="col-sm-6">
                       <div class="fileinput fileinput-new" data-provides="fileinput">
                          <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                             <img src="http://placehold.it/190x140/7761A7/ffffff" alt="...">
                          </div>
                          <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
                          <div>
                             <span class="btn btn-primary btn-file"><span class="fileinput-new">Selecionar imagem</span><span class="fileinput-exists">Alterar</span>
                             <input class="arquivo" id="arquivo" name="arquivo" type="file"></span>
                             <a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remover</a>
                          </div>
                       </div>
                    </div>
                 </div>
                 <div class="form-group">
                    <label class="col-sm-3 control-label">Áudio para a campanha</label>
                    <div class="col-sm-6">
                       <div class="fileinput fileinput-new" data-provides="fileinput">
                          <input name="..." value="" type="hidden">
                          <span class="btn btn-primary btn-file"><span class="fileinput-new">Selecionar áudio</span>
                          <span class="fileinput-exists">Alterar</span>
                          <input class="fileUploadAudio" id="fileUploadAudio" name="fileUploadAudio" type="file"></span>
                          <span class="fileinput-filename"></span>
                          <a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">×</a>
                       </div>
                    </div>
                 </div>

作为回报，我发送ajax清除表格字段，如下：

$(".formulario")[0].reset();
$(".formulario").get(0).reset();
$('#cancelButton').hide();
$("#fileUploadAudio").val("");
$('#submitButton').hide();

我甚至试图以这种方式清除输入文件：

$('#fileUploadAudio').val('');

Answer 1

我假设您正在尝试重置整个表单。

将外部div标记更改为form，如下所示：

替换

<div class="form-group">...</div>

带

<form class="form-group" id="formulario">...</form>
使用jQuery重置表单
```
$("#formulario")[0].reset();
```

Answer 2

如果本机java脚本重置功能不起作用，则需要触发重置功能 $("#formulario").trigger("reset");

如何清理输入文件Bootstrap字段

2 个答案: