Avatar billede mjall0w Nybegynder
28. oktober 2006 - 23:42 Der er 5 kommentarer og
1 løsning

Udregne pris alt afhængig af værdi fra dropdownboks

Hey..
Mangler et script der kan udregne en pris udfra hvilken form for værdi man vælger i selectboks.
F.eks:
Har en selectboks der har værdierne, Hest, Ko og Gris
Og en anden der har 1 måned, 2 måneder og 3 måneder
Hvis jeg f.eks vælger Gris og 1 måned skal den lidt længere nede på siden kunne udregne hvad grisen koster 1 måned uden nogen form for Submit knap, bare gør det af sig selv.
Så der f.eks kommer til at stå: "3000*1 = 3000kr"
Ved 3 måneder:
"3000*3 = 9000kr"

Håber i forstår hvad jeg mener, ellers bare spørg.
Avatar billede jhe-ting Nybegynder
29. oktober 2006 - 19:04 #1
<HTML>
<HEAD>
<TITLE>Beregning</TITLE>
</HEAD>
<script>
function updPris(){
    var sel1 = document.myForm.vare;
    var sel2 = document.myForm.antal;
    var vare = sel1.options(sel1.selectedIndex).value;
    var pris = sel2.options(sel2.selectedIndex).value;
    var res  = vare +"*"+pris+" = "+vare*pris+ " kr";
    resultat.innerText = res;
}
</script>
<BODY>
<form name="myForm">
    <select name="vare" onchange="updPris()">
        <option value="1000" selected>Hest 1000 kr.</option>
        <option value="2000">Ko 2000 kr.</option>
        <option value="3000">Gris 3000 kr.</option>
    </select>
    <select name="antal" onchange="updPris()">
        <option value="1"selected>1 måned</option>
        <option value="2">2 måned</option>
        <option value="3">3 måned</option>
    </select>
</form>
<div id="resultat"></div>
</BODY>
</HTML>
Avatar billede mjall0w Nybegynder
29. oktober 2006 - 19:25 #2
Kanon.. Funger rigtig godt :)

Opret et svar så får du pointene
Avatar billede jhe-ting Nybegynder
29. oktober 2006 - 20:30 #3
Fint nok ;)
Avatar billede olebole Juniormester
30. oktober 2006 - 10:48 #4
<ole>

- skal det ikke fungere i andet end IE?
Skriv:
    <div id="resultat">&nbsp;</div>

- og resultat-linjen i scriptet:
    document.getElementById("resultat").firstChild.nodeValue = res;

/mvh
</bole>
Avatar billede jhe-ting Nybegynder
30. oktober 2006 - 18:37 #5
Jeg kan godt se, at mit forslag ikke virker i FF2, men det gør Oles heller ikke.
('sel1.options' is not a function.)
Med '[]' i stedet for '()' virker det.

Her er noget der virker i både FF2 og IE6.

<HTML>
<HEAD>
<TITLE>Beregning IE6/FF2</TITLE>
</HEAD>
<script>
function updPris(){
    var sel1 = document.myForm.vare;
    var sel2 = document.myForm.antal;
    var vare = sel1.options[sel1.selectedIndex].value;
    var pris = sel2.options[sel2.selectedIndex].value;
    var res  = vare +"*"+pris+" = "+vare*pris+ " kr";
    alert(res);
    document.getElementById("resultat").firstChild.nodeValue = res;
}
</script>
<BODY>
<form name="myForm">
    <select name="vare" onchange="updPris()">
        <option value="1000" selected>Hest 1000 kr.</option>
        <option value="2000">Ko 2000 kr.</option>
        <option value="3000">Gris 3000 kr.</option>
    </select>
    <select name="antal" onchange="updPris()">
        <option value="1"selected>1 måned</option>
        <option value="2">2 måned</option>
        <option value="3">3 måned</option>
    </select>
</form>
<div id="resultat">Resultat</div>
</BODY>
</HTML>
Avatar billede olebole Juniormester
31. oktober 2006 - 08:45 #6
"Jeg kan godt se, at mit forslag ikke virker i FF2, men det gør Oles heller ikke"

- nej, jeg havde åbenbart ikke fokus på alle dine fejl  :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester