[Jann Hendrik]

Ich habe HTML-Code, der in etwa so aussieht:

<form action="index.php" method="post">

<input name="input_text_1" value="0.00" size="50" maxlength="8" type="text">

<input name="input_radio_1" value="a" type="radio"> A
<br />
<input name="input_radio_1" value="b" type="radio"> B

<input name="submit" value="eintragen" type="submit">

</form>

Ich fülle unregelmäßig, dann aber meist die gleichen Daten ein. Daher habe ich nun die Idee, dass ich das mit JS ein wenig vereinfachen könnte.

Natürlich sind das immer wieder mal andere Sachen, aber einige davon kommen halt häufiger vor.

Nun müsste man doch doch per klick auf einen button, oder einen link, oder sowas das Formular ausfüllen können, oder?

Also, ich stelle mir das so vor, dass neben dem Formular 4 Buttons sind, die das Formular dann mit unterschiedlichen, aber vorgegebenen Werten füllen.


Geht das?
Und wenn ja, wie?


P.S.: Ich habe keine Ahnung von der Programmierung von JS!

[Matthias959]

Also du könntest die Buttons mit einer JS-Funktion verknüpfen die dann mittels this.document.form[0].input_radio_1.value = "Wert" den Wert ändern.

[mepeisen]

Eine Frage: Ist nur die Beschriftung variabel oder auch die Anzahl der Werte? In zweiterem Fall wird es durchaus etwas komplizierter.

[Jann Hendrik]

Also ich wollte einfach nur (ich schätze vier bis fünf) Buttons/links/o.ä. haben, auf die klicke, damit dann in Abhängigkeit vom gewählten Button das Formular dann mit bereits feststehenden Werten gefüllt wird.
Die Anzahl der input-elemente bleibt fest!

Ich habe 5 input Typ text und einen typ radio mit 5 Auswahlmöglichkeiten.

[mepeisen]

Dann im Prinzip wie es oben steht. Im HTML: onClick="meineFunktion();"
und irgendwo im JavaScript ist definiert:

function meineFunktion()
{
this.document.form[0].input_radio_1.value = "Wert";
}

Der Rest sollte Transferleistung sein oder ein Nachschlagen in einer Referenz oder meinetwegen bei selfhtml

[Jann Hendrik]

Also - konkret:

Ich habe zB ein input-Feld mit dem Namen wer.

im head nun mein JS:

    <script type="text/javascript">
    <!--
      // Formular-Button 
      function ersterTest()
      {
        this.document.form.wer.value = "ersterWert";
      }
    //-->
    </script>

Wenn ich das richtig verstehe, dann besagt die Zeile:
dieses Dokument -> Formular -> Feldname wer -> setze Wert auf 'ersterWert'


Darüber hinaus habe ich einen button den ich anklicke:

<form> 
...
<input name="wer" value="" size="50" type="text" />
...
<input value="Wert in input eintragen" type="button" onclick="ersterTest();" />
...
>/form>

Wenn ich nun den Button betätige, dann meldet mir firebug aber folgenden JS-Fehler mit dem ich nichts anfangen kann:
firebug.jpeg

Was mache ich falsch?

[Artemis]

Ich glaub, dass document.form auch nicht standarisiert ist.
http://de.selfhtml.org/javascript/objekte/forms.htm
Du müßtest dann document.forms[0] benutzten, wenn es nur ein Formular gibt.

[Jann Hendrik]

So in der Art hatte ich das auch zwischendurch.
Ich glaube, mir fehlte da nur das 's' bei forms.

Das scheint zu funktionieren.

Ich werde dann mal damit ein wenig spielen...

[Jann Hendrik]

Ok, das klappt soweit schon mal ganz so wie ich mir das gedacht habe...

Nur das mit den radio-buttons will noch gar nicht...

[Artemis]

radio_element.checked = true;

[Jann Hendrik]

aber wie definiere ich _welcher_ der radio-Elemente ausgewählt werden soll?

Beispiel:

<input name="input_radio_1" value="a" type="radio"> A
<br />
<input name="input_radio_1" value="b" type="radio"> B

[Bleistift]

radio_element[0].checked = true;
bzw.
radio_element[1].checked = true;
Wenn mich nicht alles täuscht.

[Jann Hendrik]

dann bekomme ich leider nur diese Meldung:

this.document.forms[0].radio_element has no properties

Ich nehme doch mal an, dass der erste Teil:

this.document.forms[0]

wieder davor muss...

[Bleistift]

Ja, deine Annahme ist richtig.
Allerdings musst du natürlich auch "radio_element" anpassen. In deinem Fall vermutlich "input_radio_1"?

[Jann Hendrik]

Zitat von Bleistift

Allerdings musst du natürlich...

hehe...

ok, habe ich gemacht - funktioniert nun auch einwandfrei!


Hier nochmal die komplette Lösung:

    <script type="text/javascript">
    <!--
      // Form-Button #1
      function FuegeWerteInInputEin()
      {
// für die normalen text-Input-Felder
        this.document.forms[0].inputname.value = "30.00";
        this.document.forms[0].einweitererinputname.value = "0.00";

// und für das radio
        this.document.forms[0].radio_name[2].checked = true;
      }
    //-->
    </script>

Den Teil im <head> einbauen und um die entsprechenden weiteren Funktionen erweitern (nach Bedarf).

Im Forumular selbst habe ich die buttons zum ändern wie folgt gemacht:

<input value="Martin" type="button" onclick="FuegeWerteInInputEin();" />

Das nur noch mal als Zusammenfassung, falss das jmd. hier mal lesen sollte und das gleiche Problem haben sollte.

Meines ist jedenfalls gelöst.
Danke an die Helfer!