Selectbox values optellen

Status
Niet open voor verdere reacties.
bartwebdesign

bartwebdesign

Gebruiker
Lid geworden
16 jul 2006
Berichten
443
Ik ben op zoek naar een script, dat gegevens in een selectbox de value optelt

Product 1 (value:50)
Product 2 (value:80)
Product 3 (value:25)

Totaal dus € 155,00

Hoe doe ik dit?
 
Hier is een voorbeeld. De geselecteerde waarden worden opgeteld.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Optellen waarden in selectbox</TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
function berekenen(form)
{
	var totaal = 0;
	for (var i=0; i < form.options.length; i++)
	{
		var o = form.options[i];
		if(o.selected)
		{
			totaal += parseInt(o.value);
		}
	}
	alert (totaal);
}
//-->
</SCRIPT>

</HEAD>
<BODY>
	<FORM NAME="form">
	<SELECT NAME="lijst1" MULTIPLE SIZE=5>
			<OPTION VALUE="50">Product 1</OPTION>
			<OPTION VALUE="80">Product 2</OPTION>
			<OPTION VALUE="25">Product 3</OPTION>
	</SELECT>
	<INPUT TYPE='BUTTON' VALUE='Berekenen' onClick="berekenen(this.form['lijst1'])"> 
	</FORM>
	</BODY>
</HTML>
 
Laatst bewerkt:
Bedankt voor je script, maar is het ook mogelijk om als ik op een product button klik, dat de value van de button, toegevoegd wordt aan die selectbox.

Maar dat alle gegevens in die selectbox automatisch worden opgeteld.
 
Voorbeeld:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Optellen waarden in selectbox</TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--

function toevoegen(waarde,form)
{
	var nieuwitem = form.options;
	var x = nieuwitem.length;
	nieuwitem[x] = new Option(waarde);
	nieuwitem[x].value = waarde;
	nieuwitem[x].text= waarde;	
	berekenen(form);
}
function berekenen(form)
{
	var totaal = 0;
	for (var i=0; i < form.options.length; i++)
	{
		var o = form.options[i];
		totaal += parseInt(o.value);
	}
	document.forms.form.totaal.value = totaal;
}
//-->
</SCRIPT>

</HEAD>
<BODY>
	<FORM NAME="form">
	<INPUT TYPE='BUTTON' VALUE='50' onClick="toevoegen(this.value,this.form['lijst1'])"><br/> 
	<INPUT TYPE='BUTTON' VALUE='80' onClick="toevoegen(this.value,this.form['lijst1'])"> <br/>
	<INPUT TYPE='BUTTON' VALUE='25' onClick="toevoegen(this.value,this.form['lijst1'])"> <br/><br/>
	Geselecteerde knoppen: <br/>
	<SELECT NAME="lijst1" MULTIPLE SIZE=5>
	</SELECT><br/>
	Totaal: <INPUT TYPE='text' VALUE='' name='totaal'>
	</FORM>
	</BODY>
</HTML>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan