Auswahl--> Veränderung

[JeSchnell]

Hi,
leider weiß ich nicht, ob man das mit HTML machen kann, schreibe es aber trotzdem mal hier rein.

Definitiv nicht. Rechnen ist nur mit Programmiersparchen oder beschränkt mit der Counterfunktion in CSS möglich und das auch nur im Firefox und im Opera oft fehlerhaft.

Also, ich möchte ein Formular erstellen um z.B. Karten zu bestellen.
Dann will ich etwas, wo ich auswählen kann wieviele Karten und gleichzeitig je nach Anzahl weiter unten/ daneben der Preis insgesamt gezeigt wird.
Also wenn ich 1 Karte nehme soll 20 € gezeigt werden, wenn ich 2 Karten wähle soll 40 € gezeigt werden.

Da ich dein Formular nicht kenne, kann ich nichts Spezielles anbieten.
Hier kann ich dir jetzt nur 2 Lösungsansätze präsentieren:
 - CSS: Vielleicht hilft dir folgender Code, der aber nur im Firefox richtig interpretiert wird, weiter. Für die anderen Browser müsstest du eben mit JavaScript arbeiten. Ich glaube aber, für Formulare nützt dir dies wenig:

  
body {counter-reset:zaehler;}  
div:before {content:counter(zaehler);}  
span:hover {counter-increment:zaehler 20;}  

  
    <span>1 Karte  
    <span>2 Karten  
    <span>3 Karten</span></span></span>  
    <div></div>  

- JavaScript: Je nach dem, wie dein Formular aufgebaut ist, musst du diesen Code bearbeiten. Ich gehe von INPUT aus:

  
Element.onchange = function() {  
  var Inhalt = parseInt(this.value.replace(/\D+/g, ''));  
  if(isNaN(Inhalt)) {  
    alert('Bitte geben sie einen nummerischen Wert ein.');  
    this.focus();  
    return false;  
  }  
  this.value = Inhalt;  
  document.getElementById('summe').firstChild.nodeValue = (Inhalt * 20) + ',00 EUR';  
}  

(nicht getestet)

lg JeSchnell