Formularfeld mit Javascript richtig ansteuern?

[wurzelchensen]

Hallo Forum,

Ich versuche mittels Applescript und dem Befehl "do JavaScript" ein Webformular automatisiert ausfüllen zu lassen.

Auf folgender Seite: link
möchte ich das Formularfeld "Title *" mit einem beliebigen Text füllen können.

Ich habs mit folgendem Javascript Code versucht:

document.getElementsByTagName('ent_title').value = 'Apfel';

Leider funktioniert der von mir verwendete Javascript Code nicht!

Was könnte die richtige Lösung sein?

Besten Dank für eure Antworten im Voraus.
lg
W.

 

[bezierkurve]

Der Tag-Name ist nicht "ent_title", sondern "input". Du müsstest dir also erst mal alle Input-Elemente holen und daraus das raussuchen, das das Attribut name="ent_title" hat.

 

[wurzelchensen]

Der Tag-Name ist nicht "ent_title", sondern "input". Du müsstest dir also erst mal alle Input-Elemente holen und daraus das raussuchen, das das Attribut name="ent_title" hat.

Ok, danke bezierkurve!
Da ich aber keine Ahnung von Javascript habe, frag ich ob es nicht einfacher währe z.B. so was zu machen:
document.forms[0].elements[6].value = 'apfel'

Funktioniert das? Und wie weiss ich welches Feld welches Nummer hat --> forms[?].elements[?]

 

[bezierkurve]

Moinsen. Ich würde es folgendermaßen machen:

var inputs = document.getElementsByTagName('input'); 
for (var i = 0; i < inputs.length; i++) { 
	if (inputs[i].getAttribute('name') == 'ent_title') {
		inputs[i].value = 'Apfel';
	}
}

Dein Ansatz geht zwar auch, ist aber nicht so robust gegenüber eventuellen Änderungen auf der Seite.

 

[Alecco]

Kann man dafrü nicht die "jquery" verwenden?

 

[Toddy]

[...]

var inputs = document.getElementsByTagName('input'); 
for (var i = 0; i < inputs.length; i++) { 
	if (inputs[i].getAttribute('name') == 'ent_title') {
		inputs[i].value = 'Apfel';
	}
}

[...]

Wieso nicht über

document.getElementsByName()

?

 

[MasterofDistres]

Ja kannst du, geht sogar ziemlich einfach - du gibst dem Element am besten eine bestimmte ID und ändert dann mit

$("#id-name").val("neuer Wert");

den Wert

 

[bezierkurve]

Wieso nicht über

document.getElementsByName()

?

Kannte ich gar nicht. Ist natürlich besser .

 

[karolherbst]

warum nicht über ne id ansteuern?
<form id="name"><input name="input1">...</form>

document.getElementById('name').input1.value='test';

?

damit kann man dann auch in JS mehr realisieren zb:

function func(form){
//mach irgendwas damit zb:
form.input1.value='55';
}

aufgerufen mit: func(document.getElementById('name'))

auch das senden per Ajax oder Aufruf von PHP Dateien ist so wesentlich einfacher.

 

[wurzelchensen]

Moinsen. Ich würde es folgendermaßen machen:

var inputs = document.getElementsByTagName('input'); 
for (var i = 0; i < inputs.length; i++) { 
	if (inputs[i].getAttribute('name') == 'ent_title') {
		inputs[i].value = 'Apfel';
	}
}

Dein Ansatz geht zwar auch, ist aber nicht so robust gegenüber eventuellen Änderungen auf der Seite.

Ist auf jeden Fall besser als mein Ansatz, Danke!

Wieso nicht über

document.getElementsByName()

?

Wieso nicht einfach ... Danke, das hab ich gesucht!

Ich bin absoluter Anfänger und Autodidakt, was Javascript und Programmieren im allgemeinen angeht.
Ihr könnt euch vorstellen wie froh ich bin, dass nun alles klappt und mein schönes Formular füllt sich jetzt von selbst aus

Danke auch allen anderen die geholfen haben!

Hoffe die Mac Community bleibt so stark wie immer ...

 

[karolherbst]

Den Ansatz über document.getElementsByName() würde ich nicht empfehlen, da man somit kein Formularobjekt an eine Funktion übergeben kann.

gib lieber dem Formular eine eindeutige id, dann kannst du es direkt über document.getElementById() ansprechen und hast da kein array.

Kannst aber auch die Tipps hier verwenden http://de.selfhtml.org/javascript/objekte/forms.htm
der Weg über getElements ist immer etwas blöde und bringt dich im späteren Verlauf auch nicht wirklich weiter, spätestens bei Ajax bekommste dann Probleme, da du eine allgemeine Funktion nicht auf jedes Formular anwenden kannst.