✔ Echtzeit Formularfeldauswertung

[bsirske]

Hallo,

Folgendes, ich habe ein Bestellformular mit den normalen angaben (name, straße, ort,)
und eben dann ein Menge-Feld für die Bestellung von hosen und kleidern.

<input type="checkbox" name="hose" id="hose" >
<input name="mengehose" type="text" id="mengehose">
<input type="checkbox" name="kleid" id="kleid" >
<input name="mengekleid" type="text" id="mengekleid">

Wie erreiche ich das die werte der normalen Formularfelder (straße, name..) und die der bestellung (Menge, Hosen oder kleider, Preis) in Echtzeit in einer danebenliegenden Tabelle angezeigt werden?

MfG Bsirske

 

[chmee]

Das kommt darauf an, wie Du die Daten speicherst, und woher Du sie holen musst.

(A) Kundendaten sind eigentlich statisch und werden (zB über eine ID) aus der DB geholt, soweit das System so ausgelegt ist, dass man für eine Bestellung angemeldet sein muß. Wenn nicht, werden idR die Adressdaten am Ende eingeholt ("wollen Sie kaufen?"). Es bieten sich also MySQL-Daten oder temporäre Sessiondaten an. Beides ließe sich über php oder in Verbindung mit AJAX realisieren.

(B) Bestelldaten. Gibt es einen "Warenkorb", also eine temporäre Liste der ausgewählten Dinge? Wie hast Du jene realisiert? Abhängig davon würde man auch wieder php uU in Kombination mit AJAX realisieren.

Ich hab solche AJAX-Beispiele Hier noch "auf Halde" zu liegen und müsste das Tutorial endlich mal fertig machen. Sorry, Deswegen geh ich grad nicht auf Code ein.

Nur kurz:

<input type="checkbox" name="hose" id="hose" >
<input name="mengehose" type="text" id="mengehose">
<input type="checkbox" name="kleid" id="kleid" >
<input name="mengekleid" type="text" id="mengekleid">

<div id="output"></div>

kannst Du (zB mit javascript/jQuery) einfach auslesen.

$('#mengehose').change(function()
{
  if($('#hose').is(':checked'))
  {
     $(this).html( "<div>gewählt: "+$('#mengehose').val()+"</div>" );
   }
});

mfg chmee

 

[bsirske]

Danke chmee,

mir geht es eigentlich nur darum das der Kunde, bevor er 'Bestellen' drückt, weiß was er bezahlen muss, also

$('#mengehose').change(function()
{
  if($('#hose').is(':checked'))
  {
     $(this).html( "<div>gewählt: "+$('#mengehose').val()+"</div>" );
   }
});

soll gleich nachdem ich die Menge angebe erscheinen.
Ließe sich da etwas machen?

MfG bsirske