発生している問題・エラーメッセージ
・動的に生成した”削除ボタン”に対する下記コードが動作しない //$(this).prevtAll('input[type="file"]').val(null); //$(this).prevAll(".filename").html("選択されていません"); ・削除ボタンクリック後に生成したinput="file"ボタンが動作しない(ボタンの切り替えは成功しているもののファイル読み込みができない。) エラーメッセージは出ておらず、迷宮入りしてしまいました。 ご教示頂けないでしょうか。よろしくお願いいたします。
該当のソースコード
< -- html -- >
<div id="input-group"> <input type="file" id="01" name="01" class="none"> <label for="01" id="input-label">ファイルを選択</label> <span class="filename">選択されていません</span> </div>$("input[type='file']").on('change',function(){ var file = $(this).prop('files')[0]; $(this).nextAll('#input-label').replaceWith($('<button class="file_clear">削除</button>').clone(true)); $(this).nextAll('.filename').html(file.name); }); $(document).on('click', '.file_clear',function(){ $(this).replaceWith($('<label id="input-label">ファイルを選択</label>').clone(true)); $(this).prevtAll('input[type="file"]').val(null); $(this).prevAll(".filename").html("選択されていません"); });
補足情報(FW/ツールのバージョンなど)
動作の流れ
”ファイルを選択ボタン”
↓クリック
”削除ボタン”に切り替え(生成)”、同時に.filenameを変更
↓クリック
”ファイルを選択ボタン”に切り替え(生成)、同時に.filenameを変更
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/10/31 04:30 編集
2018/10/31 04:26
退会済みユーザー
2018/10/31 04:35 編集
2018/10/31 04:39
退会済みユーザー
2018/10/31 04:47