Wie Bootstrap Eingabedatei Feld

Question

Person,

Ich habe eine Seite mit 2 Eingabetext und 2 Eingabedatei reinigen, wenn ich die Ajax-Antwort erhalten, unter klar die gesamte Form als Code senden, aber nur ein Feld, das Feld nicht gelöscht wird:

Here my page

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

ich glaube, wir sollten einige Konflikte haben, ich habe alles getan, und ich kann nicht klar th ist ein gesegnetes Land.

PS: Wenn Sie brauchen, veröffentliche ich die Seite, um einen Blick darauf zu werfen.

<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> 

Im Gegenzug ich Ajax klar die Formularfelder wie folgt an:

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

Answer 1

ich, dass Sie davon ausgehen:

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

Ich habe auch nur die Eingabedatei auf diese Weise zu löschen versucht, versuchen, das ganze Formular zurückzusetzen.

1. Ändern der äußere div Tag form als Folgendes:

   Ersetzen

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

   mit

   <form class="form-group" id="formulario">...</form>

2. Formular zurücksetzen jQuery

   $("#formulario")[0].reset(); 
   

Answer 2

wenn nativen Java-Script-Reset-Funktion nicht funktioniert, Sie auslösen müssen, werden die Reset-Funktion $("#formulario").trigger("reset");