nicht angemeldet
inputfelder aktualisieren
Hallo,
ich kenn mich in Javascript überhaupt nicht aus, aber ich denke daß mein Vorhaben nur mit Javascript realisiert werden kann.
Folgende Problematik:
das ist der HTML-Text
-----------------------------------------------------------------
<select name="bezeichner">
<option selected value="22">name 1</option>
<option value="24">name 2</option>
<option value="36">name 3</option>
<option value="44">name 4</option>
</select>
<select name="addit">
<option selected value="6">plus 1</option>
<option value="8">plus 2</option>
<option value="11">plus 3</option>
<option value="22">plus 4</option>
</select>
<input type="text" name="ergebnis" value="">
-----------------------------------------------------------------
nun möchte ich allerdings, das die Werte addiert werden, ohne das ich einen "Berechnen"-Button klicken muß und ohne daß die ganze Seite neu geladen werden muß.
Genau gesagt sollte sich nur das Ergebnis-Feld aktualisieren.
Hat jemand ne Lösung?
Danke, Eure Romi :o)
-
Hallo Romi,
[...]
<option value="8">plus 2</option>das muss ich jetzt aber nicht verstehen: plus 2 und value ist 8, oder? :)
[...]
nun möchte ich allerdings, das die Werte addiert werden, ohne das ich einen "Berechnen"-Button klicken muß und ohne daß die ganze Seite neu geladen werden muß.
Genau gesagt sollte sich nur das Ergebnis-Feld aktualisieren.onChange [1] im <select>-Tag könnte dir helfen (damit eine Funktion aufrufen, die die gewünschten Werte addiert und in das input-Feld schreibt)
Grüße aus Nürnberg
Tobias[1] http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onchange
-
Das versteh ich jetzt nicht :o(
kannst Du mir das mal in mein Beispiel einbauen?
bitte, bitte, bitte :o)Gruß Romi :o)
-
Hallo,
kannst Du mir das mal in mein Beispiel einbauen?
och nöö, kann doch selber kein js :)
nagut... ein bischen schon :)die js-funktion (einen <script>-Bereich im head):
function rechnen() {
window.document.bla.ergebnis.value = eval(window.document.bla.bezeichner.value+'+'+window.document.bla.addit.value);
ginge vielleicht noch etwas eleganter, funktioniert aber sodas html:
<form name="bla"> <- hier fehlt natürlich noch action=""
<select name="bezeichner" onChange="rechnen()">
optionen wie gehabt
</select>
<select name="addit" onChange="rechnen()">
hier ebenfalls
</select>
<input type="text" name="ergebnis">
</form>gebraucht habe ich eigentlich nur:
http://selfhtml.teamone.de/javascript/beispiele/taschenrechner.htm und
http://selfhtml.teamone.de/javascript/objekte/unabhaengig.htm#evalGrüße aus Nürnberg
Tobias-
Danke, das geht :o)
nur wenn die Seite aufgerufen wird, ist das Ergebnisfeld leer :o(
-
Hallo Romi,
nur wenn die Seite aufgerufen wird, ist das Ergebnisfeld leer :o(
Meinst du, wenn man die Seite aufruft? - Da musst du einfach in den <body>-Tag noch onLoad="rechnen()" schreiben.
Grüße aus Nürnberg
Tobias
-
-
-
-