[英]How to Clean input file Bootstrap field
人,
當我收到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('');
我認為您正在嘗試重置整個表格。
將外部div
標簽更改為以下form
:
更換
<div class="form-group">...</div>
與
<form class="form-group" id="formulario">...</form>
使用jQuery重置表單
$("#formulario")[0].reset();
如果本地Java腳本重置功能不起作用,則需要觸發重置功能$("#formulario").trigger("reset");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.