Textfeld dynamisch mit select ändern

[Körnerbrötchen]

Moin Jungs,
ich plage mich momentan damit herum einmal JS zu lernen. Irgendwie war mir das aber immer … naja.
Ich habe folgendes Problem:

            <form action="calculator.php" method="post" name="calc">
                <fieldset>
                    <label for="class">Bitte wählen:</label>
                    <select name="class" id="class" size="1" onchange="switcher()">
                        <option value="m">M (Kleinkraftrad)</option>
                        <option value="a1">A1 (Leichtkraftrad)</option>
                        <option value="a">A (Kraftrad)</option>
                        <option value="b">B (Auto)</option>
                        <option value="be">BE (Auto mit Anhänger)</option>
                    </select><br />
                    <label for="pflicht">Ergebnis:</label> <input type="text" name="pflicht" id="pflicht" />
                </fieldset>
        </form>

Ich habe also ein select, welches den Wert des Textfeldes verändern soll. Hab so diverses probiert, aber nicht viel hinbekommen.

Ich danke bereits jetzt,
Körnerbrötchen

 

[struppi]

Hab so diverses probiert, aber nicht viel hinbekommen.

Was hast du denn probiert?

 

[Imbericle]

Hi, wie sieht denn die Funktion switcher() aus?


MfG

 

[Körnerbrötchen]

Tschuldigung, da ist was beim Kopieren verloren gegangen. Momentan so (um mal die grundlegende Funktion zu testen):

            <script type="zext/javascript">
            function switcher() {
                    document.calc.pflicht.value = "2";
            }
            </script>

Und da fällt mir der Fehler auch schon auf. Wenn weitere Fragen kommen, ich melde mich…

 

[crash]

Ich würde mir mal eine Struktur aufbauen, welche die Werte des Selectfeldes repräsentiert:

var selectValues = {
    m  : "text",
    a1 : "text",
    a   : "text",
    b   : "text",
    be : "text"
};

var theText = selectValues[selectFieldRef.value];

theText musst dann in die Textarea geschrieben werden HTMLTextareaElement kennt auch die Eigenschaft "value". Ansonsten muss das ganze nur beim Change-Event geändert werden.

P.S:

<E_NOTICE> Hier findest du eine Einleitung zu JavaScript: http://developer.mozilla.org/en/A_re-introduction_to_JavaScript, Eloquent JavaScript -- interactive tutorial und 42: JavaScript best practices - Opera Developer Community

 

[Körnerbrötchen]

@Crash: Danke noch für deine Antwort. Aber mir ist der Fehler ja aufgefallen. zext sollte eigentlich text heißen. Ansonsten hat der Code nämlich wunderbar funktioniert. ;) Dennoch: Thanks!