• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

webshop: preis * anzahl(mit select feld) und dann ausgeben

E

Euro2k

New member
also ich möchte einen webshop erstellen:
hier ist mal der HTML Quelltext der felder die zum berechnen dienen sollen:

<form name="add1" action="">
<input type="text" name="eingabe" value="5 EURO" size="9"><br>
<select name="eingabe2" size="1">
<option>-</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select></td>
<td><input type="text" name="ausgabe" size="9"><br>

Eingabe ist der Festpreis und die Anzahl ist ja beliebig wählbar.
dann soll er in Ausgabe je nach Anzahl alles multiplizieren.

Und hier jetzt noch die Function aus meiner functions.js:

function multi() {
zahl1 = parseInt(document.add1.eingabe.value);
zahl2 = parseInt(document.add1.eingabe2.value);
var ergebnis = zahl1 + zahl2
document.add1.ausgabe.value=ergebnis }

das ergebnis soll natürlich sofort aktualiesiert werden und nicht über nen button.
wäre eingabe2 ein normales textfeld ginge alles, aber mit dem select hat er probleme und es
steht im ergebnis feld dann immer NaN.

mfg & Thx
 
Ich bin mir nicht 100%tig sicher ob es so geht aber ändere in deinem Code folgene Zeile :

PHP: 
<select name="eingabe2" size="1">

so um :

PHP: 
<select name="eingabe2" size="1" onchange="submit()">

Durch die erweiterung von onchange wird die Seite nochmal geladen!
Vielleicht hilft dir das Weiter!
 
HI!

HTML: 
<form name="add1" action="">
<input type="text" name="eingabe" value="5 EURO" size="9"><br>
<select name="eingabe2" onchange="multi()" size="1">
<option>-</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></td>
<td><input type="text" name="ausgabe" size="9"><br>

erklärung: hast bei den options keine werte angegeben und mit onchange regelst du das ganze ohne button, also gleich beim ändern.

gruß
christoph

----------------------------------------------------------------

//EDIT: um zu verhindern dass ausversehen im select "-" ausgewählt wird, was dir das ganze versaut, änder' deine js funktion in dieses hier um:

PHP: 
function multi() {
zahl1 = parseInt(document.add1.eingabe.value);
zahl2 = parseInt(document.add1.eingabe2.value);
if(zahl1>0&&zahl2>0){
var ergebnis = zahl1 + zahl2
document.add1.ausgabe.value=ergebnis }}
 
Zuletzt bearbeitet:
ok das läuft alles,

jetzt soll er die preise von 3 verschiedenen Produkten addieren und zu einem Gesamtpreis addieren: ich habe da schon mal was vorbereitet:

html:
Code: 
<tr>
  	<td><img src="stamp1.jpg" width="140" height="100" border="0" alt=""> </td>
 	<td><textarea name="user_eingabe" readonly>Beschreibung</textarea></td>
 	<td><img src="frankreich.bmp" width="37" height="27" border="0" alt=""></td>
 	<td><input type="Text" value="100512" size="5"  readonly></td>
      	<form name="add1" action="">
	<td><input type="text" name="eingabe" value="5 EURO" size="9"><br>
	<td><select name="eingabe2" onchange="multi()" size="1">
	<option>-</option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	<option value="5">5</option>
	</select></td>
	<td><input type="text" name="ausgabe" value="0" size="9"></td>
         </form>
</tr>

<tr>
   	<td><img src="stamp2.jpg" width="140" height="100" border="0" alt=""> </td>
 	<td><textarea name="user_eingabe" readonly>sdfasdfasdfsdf</textarea></td>
 	<td> <img src="ddr.bmp" width="37" height="27" border="0" alt=""></td>
 	<td><input type="Text" value="100796" size="5"  readonly> </td>
         <form name="add2" action="">
	<td><input type="text" name="eingabe3" value="8 EURO" size="9"><br>
	<td><select name="eingabe4" onchange="multi2()" size="1">
	<option>-</option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	<option value="5">5</option>
	</select></td>
	<td><input type="text" name="ausgabe1" value="0" size="9"></td>
         </form>
</tr>

<tr>
	 <td><img src="stamp3.jpg" width="140" height="100" border="0" alt=""> </td>
 	<td><textarea name="user_eingabe" readonly>sdfasdfasdfsdf</textarea></td>
	 <td> <img src="deutschland.bmp" width="37" height="27" border="0" alt=""></td>
	 <td><input type="Text" value="100257" size="5"  readonly> </td>
          <form name="add3" action="">
	<td><input type="text" name="eingabe5" value="13 EURO" size="9"><br>
	<td><select name="eingabe6" onchange="multi3()" size="1">
	<option>-</option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	<option value="5">5</option>
	</select></td>
	<td><input type="text" name="ausgabe2" value="0" size="9"></td>
         </form>
Function.js:
Code: 
function multi() {
zahl1 = parseInt(document.add1.eingabe.value);
zahl2 = parseInt(document.add1.eingabe2.value);
  var ergebnis = zahl1 * zahl2
document.add1.ausgabe.value=ergebnis}

function multi2() {
zahl3 = parseInt(document.add2.eingabe3.value);
zahl4 = parseInt(document.add2.eingabe4.value);
  var ergebnis1 = zahl3 * zahl4
document.add2.ausgabe1.value=ergebnis1}

function multi3() {
zahl5 = parseInt(document.add3.eingabe5.value);
zahl6 = parseInt(document.add3.eingabe6.value);
  var ergebnis2 = zahl5 * zahl6
document.add3.ausgabe2.value=ergebnis2 }
 
Zuletzt bearbeitet von einem Moderator:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben