javascript problem mit addieren von felder
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
ich m?chte in javascript(JS) eine funktion schreiben die beim editieren eines textfeldes automatisch dieses textfeld mit dem in der funktion angeeben textfeld addiert und das ergebnis per innerHTML anzeigt! es soll aber die id von dem feld wo es angezeigt wird in der funktion angegeben werden
<input type="text" name="feld1"> <input type="text" name="feld2" onchange="ausrechnen('feld1','feld2','ausgabe1')"> <span id="ausgabe1">HIER SOLL DANN DAS ERGEBNIS AUSGEGEBEN WERDEN</span><br> <br> <input type="text" name="feld11"> <input type="text" name="feld22" onchange="ausrechnen('feld11','feld22','ausgabe11')"> <span id="ausgabe11">HIER SOLL DANN DAS ZWEITE ERGEBNIS AUSGEGEBEN WERDEN</span>
mein problem is jetzt das mit mehreren eingabefeldern zu verwalten,das sind so ca. 42 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Besch?ftige dich mal mit DOM. Da kann man relativ bequem mit Relativangaben Elemente ansprechen.
Hier die L?sung f?r dein Problem :
<html> <head> <meta name="generator" content="HTML Studio" /> <title>rechnen</title> <script type="text/javascript"> function ausrechnen(obj){ obj.nextSibling.firstChild.replaceData(0,obj.nextSibling.firstChild.data.length,(parseInt(obj.previousSibling.value)+parseInt(obj.value))); } </script> </head> <body> <form id="fo"> <input type="text" value="10"><input type="text" onkeyup="ausrechnen(this)"><span>HIER SOLL DANN DAS ERGEBNIS AUSGEGEBEN WERDEN</span><br><br> <input type="text" value="10"><input type="text" onkeyup="ausrechnen(this)"><span>HIER SOLL DANN DAS ERGEBNIS AUSGEGEBEN WERDEN</span><br><br> <input type="text" value="10"><input type="text" onkeyup="ausrechnen(this)"><span>HIER SOLL DANN DAS ERGEBNIS AUSGEGEBEN WERDEN</span><br><br> <input type="text" value="10"><input type="text" onkeyup="ausrechnen(this)"><span>HIER SOLL DANN DAS ERGEBNIS AUSGEGEBEN WERDEN</span><br><br> <input type="text" value="10"><input type="text" onkeyup="ausrechnen(this)"><span>HIER SOLL DANN DAS ERGEBNIS AUSGEGEBEN WERDEN</span><br><br> <input type="text" value="10"><input type="text" onkeyup="ausrechnen(this)"><span>HIER SOLL DANN DAS ERGEBNIS AUSGEGEBEN WERDEN</span><br><br> <input type="text" value="10"><input type="text" onkeyup="ausrechnen(this)"><span>HIER SOLL DANN DAS ERGEBNIS AUSGEGEBEN WERDEN</span><br><br> </form> </body> </html> -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
