Javascript Formular

[Dawen]

Hi,

ich habe ein Problem bei einem HTML Formular. Ich habe ein Eingabefeld für Zahlen, ich möchte nun, dass bei der Eingabe der Zahl beispielsweise rechts daneben in Echtzeit z.B. der Preis angezeigt wird ?

Wie kann man sowas in JS realisieren !

 

[lightsaver]

ich habe mit js normal nichts zu tun, aber das hier sieht sehr nach dem aus, was du suchst: http://www.jjam.de/JavaScript/Formulare/TextArea_Counter.html

musst dir halt nur so umbauen, wie du es letztendlich brauchst.

 

[metax.]

Ja, das ist mit Javascript möglich.
Du kannst über das DOM (Document Object Model) sowohl den Wert aus EIngabefeldern lesen als auch den Inhalt eines beliebigen Ausgabeelements verändern.

z.B: so: (ungetestet)

<form name="form1">
<input type="text" name="anzahl1" onkeyup="machepreis1()" value="1" />
<span id="preis1">25</span> Euro
</form>

<script language="JavaScript">
function machepreis1() {
var einzelpreis1 = 25;
var gesamtpreis1 = 0;
var num1 = parseInt(document.form1.anzahl1.value);
if (num1 > 1) {
   gesamtpreis1 = einzelpreis1 * anzahl1;
   document.getElementById('preis1').innerText = gesamtpreis1;
}
}
</script>

mfg, metax.

 

[Dawen]

Hi,

deine Beispiel macht leider in meinem Falle nichts, trotzdem danke für den Denkanstoss.

 

[lightsaver]

Original von Dawen
Hi,

deine Beispiel macht leider in meinem Falle nichts, trotzdem danke für den Denkanstoss.

wessen beispiel meintest du jetzt und wieso macht es in deinem fall nichts? wenn du mehr input gibst kann man dir besser helfen

 

[metax.]

Du hast natürlich recht, mein Beispiel hatte einen Fehler.

Hier ein besseres Beispiel: ;-)

<form name="form1">
<input type="text" name="anzahl1" onkeyup="machepreis1()" value="1" />
<span id="preis1">---</span> Euro
</form>

<script type="text/javascript">
function machepreis1() {
var einzelpreis1 = 25;
var gesamtpreis1 = 0;
var num1 = parseInt(document.form1.anzahl1.value);
if (num1 > 0) {
   gesamtpreis1 = einzelpreis1 * num1;
   document.getElementById('preis1').innerHTML = gesamtpreis1;
} else {
   document.getElementById('preis1').innerHTML = 0;
}
}
// Initiales Laden
machepreis1();
</script>