2017-02-02 11 views
0

私はタイプファイルの入力フィールドを動的に生成しています。しかし、私はトリガイベントを取得しようとすると何も起こりません。オン( '変更')トリガーなし

は、以下の動的な入力ファイル

<div id="documentlist" class="col-lg-12"> 
    <div class="input-group">   
    <div class="fileinput fileinput-exists" data-provides="fileinput"> 
     <span class="btn btn-primary btn-file m-r-10 waves-effect"> 
     <span class="fileinput-new">Upload Your </span> 
     <span class="fileinput-exists">Document</span> 
     <input type="hidden" value="" name=""> 
     <input id="0" class="selectdocument" type="file" name="..." multiple> 
     </span> 
     <span id="form_f" class="fileinput-filename"></span> 
     <a href="#" class="close fileinput-exists" data-dismiss="fileinput">×</a> 
    </div> 
    </div> 
</div> 

私のイベントハンドラselect要素とinput要素のためのinputため

// Select Document Form 
    $('#documentlist').on('change', '.selectdocument', function() { 
     alert(this.id); 
    }); 
+0

水平スクロールバーは避けてください。 – reporter

+1

変更を親要素にではなく入力にバインドする必要があります。 –

+0

また、id = "0"を使用しているとトラブルが発生しています。ドキュメント内のすべてのIDが一意でなければならないため、より具体的なものを使用してください。 Zakaria Acharkiその複製ではありません。 – SpliFF

答えて

2

使用changeです。

$('#documentlist').on('input', '.selectdocument', function() { 
    alert($(this).closest('.col-lg-12').attr('id')); 
}); 
関連する問題