2017-01-20 2 views
1

Ich habe ein HTML-Formular zum Hochladen von zwei Bildern separat (also habe ich zwei Senden-Schaltflächen) nach der Auswahl automatisch, ohne dass der Benutzer eine Absenden-Taste drücken muss. Von meiner Forschung soll ich verwendenJavascript-Code zum Drücken einer bestimmten Schaltfläche auf einer Webseite

this.form.submit();

Die Bilder werden auch an verschiedenen Orten gespeichert. Ich möchte wissen, wie man einen bestimmten Knopf entweder mit seinem Namen oder seiner ID anvisiert.

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

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

Dann habe ich ein PHP-Code, um die zwei Bilder in zwei verschiedenen Orten

+0

Verwenden Sie das jQuery Framework oder plain javascript? –

+0

plain javascript please – Eddier10

+0

[Bitte hier klicken.] (Http://xahlee.info/js/js_get_elements.html) –

Antwort

0

Sie können direkt das Formular speichern:

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

Wenn Sie immer noch auf die Schaltfläche gehen klicken wollen mit :

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

Das erste ist nicht geeignet, da die Dateien an zwei verschiedenen Orten gespeichert werden sollen. Es tut mir leid, dass ich das nicht früher erwähnt habe, ich habe gerade die Frage – Eddier10

1

Eine Möglichkeit besteht darin, die querySelector() Verwendung Ihr Objekt zu bekommen, und dann Verkettung addEventListener davon ab.

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

aktualisiert. Ich versuche, eine Übermittlungsschaltfläche loszuwerden. – Eddier10

+0

@ Eddy1011 Willst du damit sagen, dass du die Einreichung von dem abmelden willst, wenn du auf klickst Element, das nicht in der Form ist - sagen wir ein "" -Tag? – Ohgodwhy

+0

Nein! Ich möchte das Formular senden, sobald die Datei ausgewählt ist, so dass der Benutzer nicht auf eine Senden-Schaltfläche klicken muss. Mein Problem ist, dass ich zwei Dateien auf der Seite habe, die an verschiedenen Orten gespeichert werden. Mir fällt es schwer, einen JS zu schreiben, um die beiden Dateien einzeln zu übermitteln. – Eddier10

Verwandte Themen