2016-05-18 4 views
0

ガイ、私はファイルを添付するためのフィールドがあるフォームを作成しました。添付プロセスが正常に動作しています。しかし、私が新しいフォームを開くと、以前の添付ファイルも表示されていて、添付されています(ファイルを添付しなくても)。私もそれをクリアしようとしましたが、それは動作していません。新しいフォームの添付ファイルを削除する

HTML::

<div class="row"> 
        <div class="col-sm-6"> 
         <div class="form-group"> 
          <label class="col-sm-6">Attachment</label> 
          <div class="col-sm-6"> 
           <input type="file" name="attachment" id="attachment"> 
          </div> 
         </div> 
        </div> 
        <div class="col-sm-6"> 
         <div class="form-group"> 
          <label id="attachment_label" name="attachment_label"></label> 
         </div> 
        </div> 
       </div> 

jqueryの:

function clear_invoice_request_controls(){ 
      jQuery("#attachment_label").html(""); 
    } 

上記jqueryのショー、私はコントロールをクリアする方法をこれは私が試した方法です。 val()、detach()を使ってみましたが、クリアされません。私が新しいフォームをクリックすると、その添付ファイルは存在してはいけませんが、それは起こっていません。添付ファイルを選択しなくても、添付ファイルは保存されます。私は間違いが何であるか分からない。誰かが私を助けることができますか?私はまた、私のHTMLチェックアウトを示してきました。

+0

..また、ファイル入力をクリアしてみ? –

+0

あなたの 'html'を表示します –

+0

' jQuery( "#attachment_label")。detach(); ' – Santhucool

答えて

1

あなたがform.reset方法を試みることができる

function clear_invoice_request_controls(){ 
     jQuery("#attachment_label").html(""); 
     jQuery("#attachment").val(""); 
} 
+0

ラベルの空白を設定しようとしています。入力に使用されます。 –

+1

添付ファイルの相対パスは$( '#attachment').val()..に格納されます。したがって、入力とラベルの両方をクリアすると、フォーム内の添付ファイルに関連するものがクリアされます。 –

関連する問題