So aktualisieren Sie den Preis sofort für ein Bestellformular (html/javascript)

Question

so, was ich tun muss, ist irgendwie meine Form aktualisieren seinen Preis sofort. Der Validator, den der Professor zur Verfügung gestellt hat, prüft beim Klicken auf die Check-Schaltfläche automatisch Leerzeichen und wählt den Preis und die Größe (nur eine Größe) aus.

hier ist die xhtml:

<select name='shirts' size='2' onchange='calculateItemPrice()'> 
    <option value='Shirts Size'> Shirt Size</option> 
    <option value='Small'>Small Shirt</option> 
    <option value='Medium'>Medium shirt</option> 
    <option value='Large'>Large shirt</option> 
    <option value='xLarge'>xLarge shirt</option> 
</select> 

heren das Problem: die Prüfung verwendet werden, wenn ich klein klicken überprüfen, es füllt alle Rohlinge auf Form und Auto wählt Kleines Hemd ... aber die Preis wird nicht aktualisiert. Wenn ich jedoch auf eine andere der Check-Buttons auf der Prof-Website klicke (Check Medium/Large/xLarge), füllt es alles aus und wählt die passende Größe und aktualisiert den Preis. so scheint mein Problem nur mit der kleinen Größe zu sein.

Jetzt funktioniert die Berechnungsfunktion (wurde von prof bereitgestellt), wenn der Benutzer manuell eine Größe auswählt.

Ich weiß nicht, ob ich etwas mit dem HTML oder mit meiner Auswahlfunktion von Javascript, heres den Code tun muss (jemand stellte eine Frage hier früher, die mein Problem gelöst hat, aber die Frage wurde entfernt, damit ich nicht ‚t wissen, ob ich einen Fehler gemacht)

function validatefield05(errMessages) 
{ 

    if(document.sizes.shirts.selectedIndex ==0)   
     { 
     errMessages +="<li class='b1'>You must Select a Size</li>\n"; 
     } 

    if(!document.sizes.shirts.value)  
     { 
     errMessages +="<li class='b1'>You must Select a Size</li>\n"; 
     } 
    return errMessages; 
} 

ich habe versucht, herum~~POS=TRUNC mit dem == 0 macht es 1/2 und so, aber das würde in der Lage sein nicht eine der Optionen zu wählen.

Jede Idee und/oder Vorschläge würden sehr geschätzt werden. diese

ist keine Zuordnung nur eine Übung für die Prüfungen nächste Woche zu üben

Answer 1

Ihr Code funktioniert onChange, so dass Sie wahrscheinlich müssen nur eine Standardoption hinzu:

<select name='sizes' size='2' onchange='calculateItemPrice()'> 
    <option value=""> Choose size </option> <========= 
    <option value='Shirts'> Shirt Size</option> 
    <option value='Small'>Small Shirt</option> 
    <option value='Medium'>Medium shirt</option> 
    <option value='Large'>Large shirt</option> 
    <option value='xLarge'>xLarge shirt</option> 
</select> 

LIVE DEMO