2017-01-20 4 views
1

送信ボタンを押さなくても自動的に選択した後、2つの写真を別々にアップロードするHTMLフォームがあります。私の研究から私は使用するはずですウェブページ上の特定のボタンを押すためのJavaScriptコード

this.form.submit();

画像も別の場所に保存されます。 特定のボタンをその名前またはIDでターゲットに設定する方法を知りたいと思います。

<input type = "file" name = "headshot1"> 
<input type = "submit" name = "submit1"> 

<input type = "file" name = "headshot2"> 
<input type = "submit" name = "submit2"> 

それから私は、あなたが直接フォームを送信することができます2つの異なる場所

+0

jQueryフレームワークまたはプレーンJavaScriptを使用していますか? –

+0

plain javascript please – Eddier10

+0

[チェックアウト](http://xahlee.info/js/js_get_elements.html) –

答えて

0

に二つの絵を保存するためにPHPコードを持っている:

document.getElementById("myFormId").submit(); 

あなたはまだボタンが一緒に行くをクリックします:

document.getElementById("buttonid").click(); 
+0

ファイルは2つの異なる場所に保存されるため、最初のファイルは適切ではありません。申し訳ありませんが、以前は、質問を更新しました。 – Eddier10

1

1つの方法は、querySelector()を使用してオブジェクトを取得してからそれから連鎖してaddEventListener

document.querySelector('button[name="myButton"]').addEventListener('click', function(){ 
    //stuff 
}); 
+0

投稿ボタンを削除しようとしています – Eddier10

+0

@ Eddy1011あなたはあなたの投稿の投稿を制御したいと言っていますか?要素には含まれていません - 例えば、 ' 'タグ? – Ohgodwhy

+0

いいえ!ファイルが選択された直後にフォームを送信したいので、ユーザーは送信ボタンをクリックする必要はありません。私の問題は、ページ上に2つのファイルを別々の場所に保存することです。 JSを書いて2つのファイルを個別に提出するのは苦労しています。 – Eddier10

関連する問題