Versteckten Wert bei Textbox anlegen

Nightline · 26.11.2005, 23:48

Hallo,

die Frage ist wahrscheinlich schnell beantwortet, aber mir will die Lösung derzeit nicht einfallen.

Gegeben ist ein Formular mit mehreren Artikeln in diesem Format:

Artikel XYZ pro Stück € 50,- | 'Textbox mit Stückanzahl'

Die Textbox hat als Standardvalue = 0. Wie stelle ich es nun an, dass die Stückanzahl mit dem Preis multipliziert wird? Also wo speichere ich den Preis ab, damit ich mit ihm als Zahl rechnen kann?

rewboss · 27.11.2005, 14:30

Also, ein Link oder der Quelltext würde hier ungemein helfen, die Frage zu verstehen.

LimaX · 27.11.2005, 19:03

In einer Variable ...

steffenk · 27.11.2005, 20:01

dafür gibt es den <input type="hidden" name="preisartikel010" value="50">

Nightline · 27.11.2005, 21:51

Ok, beim Lesen meines Textes versteh ich ihn selbst nicht so ganz.

Stellt euch mal ein Standard Shop-Formular vor, Format siehe mein erster Beitrag. Alle Textboxes haben als Stückanzahl mal 0 eingetragen. Der Käufer gibt pro Artikel die Anzahl des Artikels an und nach dem Drücken eines Buttons soll in einem anderen Textfeld die Zwischensumme angezeigt werden.

Auszug einer Textbox aus dem Formular:

HTML-Code:

<input class="eingabe" id="bestellung" name="textfield2" type="text" value="0" maxlength="4" />

Also das Auslesen des Wertes ist ja kein Problem, hier mal mein Script (derzeit mit alert-Funktion zum Überprüfen des Funktionierens):

HTML-Code:

<script language="JavaScript">
<!--
function Change() {
ausgabe = "";
var arr = document.getElementsByTagName("input");

for (var i=0; i<arr.length; i++)
{
   if(arr[i].id == "bestellung")
     ausgabe += arr[i].value + ", ";
}
alert(ausgabe);
}
//-->
</script>

Aber wo speichere ich eben den Preis ab, um ihn mit der jeweiligen Stückanzahl zu multiplizieren? <input type="hidden"> habe ich zwar auch schon im Visier gehabt, aber wie stelle ich da die Beziehung zwischen der Textbox mit der Stückanzahl und dem zugehörigen versteckten input-Wert an?
Genauso geht es mir mit der vorgeschlagenen Variable von LimaX, auch hier geht es um die Beziehung.

Um es noch etwas deutlicher zu sagen: Wenn ihr an C# oder Java denkt, dann gibt es bei der DropDownList den SelectedIndex, SelectedValue und SelectedItem. Hier ist es ja möglich, einen Wert mit SelectedValue im Hintergrund zuzuweisen.

Malleus · 27.11.2005, 23:40

Ich hab' da mal vor kurzem etwas gebastelt, vielleicht kannst Du ja etwas damit anfangen:

PHP-Code:


			
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Malleus Javascript Example: Rechnungsforumlar</title>

<style type="text/css">

.price {

text-align:right;

background-color:lightgrey;

}

</style>

<script type="text/javascript">

function initPage()

{

    myInputs=document.myForm.elements;

};



function getTotal()

{

    var totalSum=0.0;

    for (var i=0;i<4;i++)

    {

        var amount=1*myInputs["amount"+i].value;

        if (isNaN(amount))

            amount=myInputs["amount"+i].value=0;



        totalSum+=(myInputs["total"+i].value=(myInputs["amount"+i].value*myInputs["item"+i].value));



        myInputs["total"+i].value=Number(myInputs["total"+i].value).toFixed(2);

    };

    myInputs["total"].value=totalSum.toFixed(2);



}

</script>

</head>



<body onload="initPage()">

<form name="myForm" action="doIt.php">

Ware 0 <input class="price" value="10.99" readonly type="text" name="item0"> <input type="text" name="amount0" onchange="getTotal()"> = <input class="price" type="text" readonly name="total0"><br>

Ware 1 <input class="price" value="0.99" readonly type="text" name="item1"> <input type="text" name="amount1" onchange="getTotal()"> = <input class="price" type="text" readonly name="total1"><br>

Ware 2 <input class="price" value="100.49" readonly type="text" name="item2"> <input type="text" name="amount2" onchange="getTotal()"> = <input class="price" type="text" readonly name="total2"><br>

Ware 3 <input class="price" value="99.99" readonly type="text" name="item3"> <input type="text" name="amount3" onchange="getTotal()"> = <input class="price" type="text" readonly name="total3"><br>

<br>Summe: <input class="price" readonly type="text" name="total">

</form>

</body>

</html>

und hier der OnlineLink zum Testen:

Nightline · 28.11.2005, 01:32

Sehr schön, sehr schön!
Die Lösung mit dem readonly-Textfeld find ich direkt elegant.

Vielen Dank, Problem sollte damit erledigt sein!

Malleus · 28.11.2005, 19:57

Alles klar, freut mich, daß ich Dir helfen konnte!