Daten in Div-Box ausgeben

Stelo

Erfahrenes Mitglied
Hallo,
ich habe hier ein kleines Formular gebastelt, dieses soll ausgewertet werden, ein bisschen was gerechnet und diese Ergebnisse sollen dann ausgegeben werden.

Ich hab dazu ein div erstellt, mit der Idee MyContainer und dann in meine JS Funktion folgenden Befehl geschrieben:
document.getElementById('MyContainer').innerHTML = preis;

Nun funktioniert das aber nicht und deshalb hab ich ein paar Fragen:
1. Was muss ich in meinem Formular denn als action Befehl hineinschreiben?
2. Wenn ich diese Div-Box VOR mein Formular schreibe wir gar nichts ausgegeben.
Pack ich sie hinter das Formular, erscheint zwar in dem Moment, in dem ich auf Submit drücke etwas, ist aber gleich wieder weg. Wie schaff ich es denn, dass das VOR meinem Formular ausgegeben wird und auch nicht gleich wieder verschwindet?

Danke schon mal für eure Hilfe! ;)
 
Für eine genaue Analyse deines Fehlers müsstest du den ganzen Code (also Javacript + div-Container + ganzes Formular) hier posten - oder einen Link darauf.

Vielleicht hilft dir aber folgendes Beispiel weiter:
Javascript:
    function smt() {
        // Werte der Formularfelder auslesen
            einzelpreis = Number( document.getElementById('epreis').value );
            menge = Number( document.getElementById('emenge').value );

        // Gesamtpreis berechnen
            gesamtpreis = menge * einzelpreis;
            document.getElementById('ausgabe').firstChild.data = gesamtpreis;

        // Verhindern das Formular abgeschickt wird (die Seite würde dann neu geladen werden)
            return false;
    }

HTML:
<div id="ausgabe">
    Hier kommt die Ausgabe!
<div>
<form action="blubb.php" method="post" onsubmit="return smt();"><div>
	Preis: <input type="text" value="10" id="epreis" /><br />
	Menge: <input type="text" value="2" id="emenge" /><br />
	<input type="submit" value="Berechnen!">
</div></form>

Alternativ kann man hier statt des Submitbuttons mit onsubmit-Event im Formular einen anderen Button mit onclick-Event verwenden. Oder man benutzt gleich onkeyup-Events bei den Formularfeldern um die Funktion aufzurufen.
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück