動的に挿入された入力をアップロードできません

フォームとボタン（リンク）があり、「insertBefore（）」メソッドを使用してクリック時に入力タイプ=ファイルを追加します。作成した入力を使用してフォームをアップロードしようとすると、何も起こりません。しかし、私が自分で入力を設定すると、それはうまくアップロードできます。おおよそのコードです。動的に挿入された入力をアップロードできません

作品（私は入力をアップロードすることができます）：

<input type="File" name="attachEdit">

は（私が挿入された入力をアップロードしようとすると、何も起こらない）動作しません：

<a href="javascript: void(0);" id="attachFile" onclick="addFileInput(); return false;">Attach a file</a> 
<script> 
    function addFileInput(){ 
     $('<input type="File" name="attachEdit">') 
      .insertBefore("##attachFile"); 
    } 
</script>

私は動的に入力を追加したいとそれらをすべてアップロードします。

どうすれば問題を解決できますか？どんな助けもありがとうございます。

出典

2016-11-30 Eduard Climov

セレクタに '## attachFile'を使用しています。 – 31piy

##はタイプミスのようです。 – BjornJohnson

生成されたHTMLマークアップが現在フォーム内にあるかどうかを確認しましたか？ –

あなたのコードには2つの提案があります。

##attachFileを使用しないでください。これは無効なセレクタです。 #attachFileを使用してください。
リンクのhref属性に直接javascript:addFileInput();を書くことができます。ここで

実施例である：

<!-- trucated for brevity --> 
<body> 
    <input type="File" name="attachEdit"> 
    <a href="javascript:addFileInput();" id="attachFile">Attach a file</a> 

    <script> 
    function addFileInput() { 
     $('<input type="File" name="attachEdit">') 
     .insertBefore("#attachFile"); 
    } 
    </script> 
</body> 
<!-- trucated for brevity -->

がPS：あなたのHTMLでのjQueryを含めることを忘れないでください。詳細はSee this plunkerをご覧ください。

出典

2016-12-01 06:38:49 31piy

動的に挿入された入力をアップロードできません

答えて

関連する問題