Avatar billede ch007 Nybegynder
22. september 2008 - 23:33 Der er 3 kommentarer og
1 løsning

Udregner ved skift på select

Jeg har en kode som kan ses på:
http://www.houlborg.dk/eksperten/em2008.asp

Jeg vil gerne at når man skifter på "select", så regner den to tal sammen.

Hvis jeg fx retter på første select til "4" skal den udregne øverste grønne felt til 4

Retter jeg næste select i samme række til "2" skal den udregne det til 6 (2+4) Etc.

Endelig skal den udregne summen lodret (rødt felt). Den skal ændres automatisk når man ændrer select.
Avatar billede fennec Nybegynder
23. september 2008 - 08:29 #1
Noget i denne stil:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>

<body>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function calc(fName)
{
    ele1 = document.getElementById(fName+"-maatte")
    ele2 = document.getElementById(fName+"-trampet")
    ele3 = document.getElementById(fName+"-value")
    val1 = +ele1[ele1.selectedIndex].value
    val2 = +ele2[ele2.selectedIndex].value
    ele3.innerHTML = val1+val2

    valTotal = 0
    ele1 = document.getElementById("Herrer-Silkeborg-maatte")
    ele2 = document.getElementById("Herrer-Silkeborg-trampet")
    valTotal += +ele1[ele1.selectedIndex].value + +ele2[ele2.selectedIndex].value
    ele1 = document.getElementById("Herrer-Svendborg-maatte")
    ele2 = document.getElementById("Herrer-Svendborg-trampet")
    valTotal += +ele1[ele1.selectedIndex].value + +ele2[ele2.selectedIndex].value
    ele1 = document.getElementById("Damer-Bolbro-maatte")
    ele2 = document.getElementById("Damer-Bolbro-trampet")
    valTotal += +ele1[ele1.selectedIndex].value + +ele2[ele2.selectedIndex].value
    ele1 = document.getElementById("Damer-Slagelse-maatte")
    ele2 = document.getElementById("Damer-Slagelse-trampet")
    valTotal += +ele1[ele1.selectedIndex].value + +ele2[ele2.selectedIndex].value
    ele1 = document.getElementById("Mix-Ollerup-maatte")
    ele2 = document.getElementById("Mix-Ollerup-trampet")
    valTotal += +ele1[ele1.selectedIndex].value + +ele2[ele2.selectedIndex].value
    ele1 = document.getElementById("Mix-SPD-maatte")
    ele2 = document.getElementById("Mix-SPD-trampet")
    valTotal += +ele1[ele1.selectedIndex].value + +ele2[ele2.selectedIndex].value
   
    document.getElementById("totalVal").innerHTML = valTotal
}
//-->
</SCRIPT>
<form name="myForm" method="Post" action="<%= scriptname %>">
<Table border='1'><TR><TD>Hold</TD><TD>Fald - måtte</TD><TD>Fald - trampet</TD><TD>I alt</TD></TR>
<TR><TD>Herrer - Silkeborg P & D</TD><TD>
<select name='Herrer-Silkeborg-maatte' id="Herrer-Silkeborg-maatte" size='1' onchange="calc('Herrer-Silkeborg')">
    <option value='0'>0</option>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
    <option value='6'>6</option>
    <option value='7'>7</option>
    <option value='8'>8</option>
    <option value='9'>9</option>
    <option value='10'>10</option>
    <option value='11'>11</option>
    <option value='12'>12</option>
    <option value='13'>13</option>
    <option value='14'>14</option>
    <option value='15'>15</option>
    <option value='16'>16</option>
    <option value='17'>17</option>
    <option value='18'>18</option>
</select>
</td>
<TD>
<select name='Herrer-Silkeborg-trampet' id="Herrer-Silkeborg-trampet" size='1' onchange="calc('Herrer-Silkeborg')">
    <option value='0'>0</option>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
    <option value='6'>6</option>
    <option value='7'>7</option>
    <option value='8'>8</option>
    <option value='9'>9</option>
    <option value='10'>10</option>
    <option value='11'>11</option>
    <option value='12'>12</option>
    <option value='13'>13</option>
    <option value='14'>14</option>
    <option value='15'>15</option>
    <option value='16'>16</option>
    <option value='17'>17</option>
    <option value='18'>18</option>
</select>
</td>
<TD bgcolor='green'><div id="Herrer-Silkeborg-value"></div></TD>
</tr><TR>
<TD>Herrer - Svendborg GF</TD>
<TD>
<select name='Herrer-Svendborg-maatte' id="Herrer-Svendborg-maatte" size='1' onchange="calc('Herrer-Svendborg')"><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select>
</td><TD>
<select name='Herrer-Svendborg-trampet' id="Herrer-Svendborg-trampet" size='1' onchange="calc('Herrer-Svendborg')"><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select>
</td><TD bgcolor='green'><div id="Herrer-Svendborg-value"></div></TD>
</tr><TR>
<TD>Damer - Bolbro</TD><TD>
<select name='Damer-Bolbro-maatte' id="Damer-Bolbro-maatte" size='1' onchange="calc('Damer-Bolbro')"><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select>
</td><TD>
<select name='Damer-Bolbro-trampet' id="Damer-Bolbro-trampet" size='1' onchange="calc('Damer-Bolbro')"><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select>
</td><TD bgcolor='green'><div id="Damer-Bolbro-value"></div></TD>
</tr><TR>
<TD>Damer - Slagelse GF</TD><TD>
<select name='Damer-Slagelse-maatte' id="Damer-Slagelse-maatte" size='1' onchange="calc('Damer-Slagelse')"><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select>
</td><TD>
<select name='Damer-Slagelse-trampet' id="Damer-Slagelse-trampet" size='1' onchange="calc('Damer-Slagelse')"><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select>
</td><TD bgcolor='green'><div id="Damer-Slagelse-value"></div></TD>
</tr><TR>
<TD>Mix - Ollerup</TD><TD>
<select name='Mix-Ollerup-maatte' id="Mix-Ollerup-maatte" size='1' onchange="calc('Mix-Ollerup')"><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select>
</td><TD>
<select name='Mix-Ollerup-trampet' id="Mix-Ollerup-trampet" size='1' onchange="calc('Mix-Ollerup')"><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select>
</td><TD bgcolor='green'><div id="Mix-Ollerup-value"></div></TD>
</tr><TR>
<TD>Mix - Silkeborg P & D</TD><TD>
<select name='Mix-SPD-maatte' id="Mix-SPD-maatte" size='1' onchange="calc('Mix-SPD')"><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select>
</td><TD>
<select name='Mix-SPD-trampet' id="Mix-SPD-trampet" size='1' onchange="calc('Mix-SPD')"><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select>
</td><TD bgcolor='green'><div id="Mix-SPD-value"></div></TD>
</tr><TR>
<TD colspan='3'>I alt</TD><TD bgcolor='red'><div id="totalVal"></div></TD></tr></table>

</form>


</body>
</html>
Avatar billede ch007 Nybegynder
23. september 2008 - 19:24 #2
Det er klasse!! Det virker. Jeg sætter mig ind i koderne senere, men vil du smide et svar.

TAK!
Avatar billede fennec Nybegynder
24. september 2008 - 08:52 #3
.o) <-- One Eyed Jack
Avatar billede ch007 Nybegynder
27. september 2008 - 10:33 #4
fennec - vil du se her:
http://www.eksperten.dk/spm/846956
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