Registrieren Hilfe Benutzerliste Interessengemeinschaften

Zurück   HTML Forum > Programmierung > JavaScript
Seite neu laden Rechnen mit Auswahlbalken

JavaScript Du möchtest den Komfort deiner Webseite mit ein paar JavaScript-Funktionen erweitern, dann bist du im diese Forum richtig.

Neues Thema erstellen  Antwort
 
Themen-Optionen Thema durchsuchen
Alt 12.09.2010, 21:26   #1
Neuer Benutzer
 
Registriert seit: 12.09.2010
Beiträge: 2
Standard Rechnen mit Auswahlbalken
Hallo, ich habe vor, einen Rechner zu erstellen, der die Summe ausgewählter Produkte erstellt.

Habe schon etwas erarbeitet, aber ich bekomme es nicht hin, den Produkten Zahlenwerte zuzuordnen und die dann mit einem Klick auf den Button summieren zu lassen.

Code:
<body bgcolor="#FFB266">
<center>
<script type="text/javascript">
<!--
function MW() {
   var Ergebnis = document.Formular.Eingabe.value * document.Formular.Eingabe.value;
   alert("Der Marktwert von " + document.Formular.Eingabe.value + " = " + Ergebnis);
}
//-->
</script>


<table width="220" cellspacing="5">
    <tr>
           <td align="left">
               <div>Produkt1:</div>
             <td><SELECT name="product_1"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT></td>
        
    </td>
       </tr>
  </table>
  <table width="220" cellspacing="5">
    <tr>
           <td align="left">
               <div>Produkt2:</div>

                          <td><SELECT name="product_2"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT></td>

           
   </td>
       </tr>
  </table>
  <table width="220" cellspacing="5">
    <tr>
           <td align="left">
               <div>Produkt3:</div>

                          <td><SELECT name="product_3"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT></td>

    </td>
       </tr>
  </table>
     
      <td>
<form name="Formular" action="">
        <input type="button" value="Berechne" onclick="MW()">
</form>    
</td>
wäre nett wenn ihr mir sagen könnt, wie das funktioniert, beispielsweise wenn Aloe Vera den Wert 8 , Ananas den Wert 5 und Banane den Wert 2 hat, wodurch mit einem Klick auf den Button darunter ein Text auftaucht mit dem Ergebnis (bitte nicht das Ergebnis in einem Popup auftauchen lassen)
Geändert von Loddirk (12.09.2010 um 23:24 Uhr)
Loddirk ist offline   Mit Zitat antworten
Alt 13.09.2010, 09:18   #2
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 268
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard AW: Rechnen mit Auswahlbalken
So?

HTML-Code:
<html>
<head>
	<title>Loddirk</title>
	<script type="text/javascript">
	<!--
	function MW() {
		product_1 = parseInt(document.getElementById("product_1").value);
		product_2 = parseInt(document.getElementById("product_2").value);
		product_3 = parseInt(document.getElementById("product_3").value);
		Neu = product_1+product_2+product_3;
		//var Ergebnis = document.formular.Eingabe.value * document.Formular.Eingabe.value;
		//alert("Der Marktwert von " + document.formular.Eingabe.value + " = " + Ergebnis);
		document.getElementById("ausgabe").innerHTML = Neu;
	}
	//-->
	</script>
</head>
<body bgcolor="#FFB266">
<center>
	<form name="formular" action="" method="get">
	<table width="220" cellspacing="5">
		<tr>
			<td align="left">
				<div>Produkt1:</div>
			</td>
			<td>
				<SELECT id="product_1" name="product_1"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT>
			</td>
		</tr>
		<tr>
			<td align="left">
				<div>Produkt2:</div>
			</td>
			<td>
				<SELECT id="product_2" name="product_2"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT>
			</td>
		</tr>
		<tr>
			<td align="left">
				<div>Produkt3:</div>
			</td>
			<td>
				<SELECT id="product_3" name="product_3"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT>
			</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td align="right">
				<div id="ausgabe">Test</div>
			</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>
				<input type="button" name="button" value="Berechne" onclick="javascript:MW()">
			</td>
		</tr>
	</table>
	</form>
</center>
</body>
</html>
Übrigens war die Syntax der Tabelle und des Formulars falsch.
developr ist offline   Mit Zitat antworten
Alt 13.09.2010, 14:36   #3
Neuer Benutzer
 
Registriert seit: 12.09.2010
Beiträge: 2
Standard AW: Rechnen mit Auswahlbalken
Spitze, genau danach war ich auf der Suche! Danke!
Allerdings stellt sich noch das winzige Problem, dass die Werte nicht immer gerade sind, also auch Nachkommastellen haben.

Habs ausprobiert, aber es funktioniert weder, wenn value=1,5 noch value=1.5

Welches Zeichen muss ich verwenden, damit auch Nachkommastellen mit eingerechnet werden?
Loddirk ist offline   Mit Zitat antworten
Neues Thema erstellen  Antwort

« Sehr Gute Fotogallerie | js korigieren »
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus


Kontakt - HTML Forum - Archiv - Datenschutzerklärung - Nutzungsbedingungen - Impressum - Nach oben