Avatar billede andersmd Nybegynder
15. januar 2008 - 10:44 Der er 5 kommentarer

Hjælp med select box

Hej... Jeg ved ikke helt hvordan jeg gør med sådan en SELECT box.
Men jeg vil gerne have sådan at hvis f.eks SeOp5Dec (i koden nedenunder) er valg, så er variablen, vDec=5:
Hvordan gør man det???
Her er eksemplet:

<select>
  <option name="SeOp1Dec">1</option>
  <option name="SeOp2Dec" selected>2</option>
  <option name="SeOp3Dec">3</option>
  <option name="SeOp4Dec">4</option>
  <option name="SeOp5Dec">5</option>
  <option name="SeOp6Dec">6</option>
  <option name="SeOp7Dec">7</option>
  <option name="SeOp8Dec">8</option>
  <option name="SeOp9Dec">9</option>
  <option name="SeOp10Dec">10</option>
  <option name="SeOp11Dec">11</option>
  <option name="SeOp12Dec">12</option>
  <option name="SeOp13Dec">13</option>
  <option name="SeOp14Dec">14</option>
  <option name="SeOp15Dec">15</option>
</select>
Avatar billede michael_stim Ekspert
15. januar 2008 - 10:48 #1
<select>
  <option name="SeOp1Dec" value="1">1</option>
  <option name="SeOp2Dec" value="2" selected>2</option>
osv

Er det det du mener?
Avatar billede andersmd Nybegynder
15. januar 2008 - 10:59 #2
Det ved jeg ikke helt. Kan man så sige:

If (document.form.SeOp5Dec.value=5)
{
vDec=5
}

Det kan man vel ikke.
Hvad kan man så gøre???
Avatar billede michael_stim Ekspert
15. januar 2008 - 11:07 #3
Hvad skal du bruge det til? Har du en javascript funktion? Skal den køres med en onChange?
Avatar billede andersmd Nybegynder
15. januar 2008 - 11:30 #4
<html>
<head>
<title>Untitled</title>
</head>
<body>
  <form name="fTriangleCalculate">
  <table>
    <tr>
      <td rowspan="11"></td>
      <td>Side a:</td>
      <td><input name="inSideA"></td>
    </tr>
    <tr>
      <td>Side b:</td>
      <td><input name="inSideB"></td>
    </tr>
    <tr>
      <td>Side c:</td>
      <td><input name="inSideC"></td>
    </tr>
    <tr>
      <td>Vinkel A:</td>
      <td><input name="inAngleA"></td>
    </tr>
    <tr>
      <td>Vinkel B:</td>
      <td><input name="inAngleB"></td>
    </tr>
    <tr>
      <td>Vinkel C:</td>
      <td><input name="inAngleC"></td>
    </tr>
    <tr>
      <td>Højden vinkelret på a:</td>
      <td><input name="inHeightA"></td>
    </tr>
    <tr>
      <td>Højden vinkelret på b:</td>
      <td><input name="inHeightB"></td>
    </tr>
    <tr>
      <td>Højden vinkelret på c:</td>
      <td><input name="inHeightC"></td>
    </tr>
    <tr>
      <td>Areal:</td>
      <td><input name="inAcreage"></td>
    </tr>
    <tr>
      <td>Omkreds:</td>
      <td><input name="inCircumference"></td>
    </tr>
  </table>
  <button name="ButtonTriangleCalculate">Beregn</button>
  <button name="ButtonTriangleReset" type="reset">Nustil</button>
  <br>
  Decimaler: <select>
  <option value="1" name="SeOp1Dec">1</option>
  <option value="2" name="SeOp2Dec" selected>2</option>
  <option value="3" name="SeOp3Dec">3</option>
  <option value="4" name="SeOp4Dec">4</option>
  <option value="5" name="SeOp5Dec">5</option>
  <option value="6" name="SeOp6Dec">6</option>
  <option value="7" name="SeOp7Dec">7</option>
  <option value="8" name="SeOp8Dec">8</option>
  <option value="9" name="SeOp9Dec">9</option>
  <option value="10" name="SeOp10Dec">10</option>
  <option value="11" name="SeOp11Dec">11</option>
  <option value="12" name="SeOp12Dec">12</option>
  <option value="13" name="SeOp13Dec">13</option>
  <option value="14" name="SeOp14Dec">14</option>
  <option value="15" name="SeOp15Dec">15</option>
  </select>
  </form>
  <script language="javascript">
  <!--Variabler-->
    var vSideA=0
    var vSideB=0
    var vSideC=0
    var vAngleA=0
    var vAngleB=0
    var vAngleC=0
    var vHeightA=0
    var vHeightB=0
    var vHeightC=0
    var vAcreage=0
    var vCircumference=0
    var vDec=0
  <!--Events-->
  document.fTriangleCalculate.ButtonTriangleCalculate.onclick=funCalculate_abB;
  <!--Funktioner-->
  If (document.fTriangleCalculate.SeOp5Dec.value=5)
  {
  vDec=5
  }
  function funCalculate_abB()
  {
  vSideA=document.fTriangleCalculate.inSideA.value*1
  vSideB=document.fTriangleCalculate.inSideB.value*1
  vAngleB=document.fTriangleCalculate.inAngleB.value*1
  vAngleA=Math.round(Math.asin((Math.sin(vAngleB/(360/(2*Math.PI)))/vSideB)*vSideA)*(360/(2*Math.PI))*1*Math.pow(10,vDec))/Math.pow(10,vDec);
  vAngleC=Math.round((180-vAngleB-vAngleA*1)*Math.pow(10,vDec))/Math.pow(10,vDec);
  vSideC=Math.round((Math.sin(vAngleC/(360/(2*Math.PI)))/(Math.sin(vAngleB/(360/(2*Math.PI)))/vSideB)*1)*Math.pow(10,vDec))/Math.pow(10,vDec);
  vHeightA=Math.round(Math.sin(vAngleC/(360/(2*Math.PI)))*vSideB*1*Math.pow(10,vDec))/Math.pow(10,vDec);
  vHeightB=Math.round(Math.sin(vAngleA/(360/(2*Math.PI)))*vSideC*1*Math.pow(10,vDec))/Math.pow(10,vDec);
  vHeightC=Math.round(Math.sin(vAngleB/(360/(2*Math.PI)))*vSideA*1*Math.pow(10,vDec))/Math.pow(10,vDec);
  vAcreage=Math.round((vHeightA*vSideA/2*1)*Math.pow(10,vDec))/Math.pow(10,vDec);
  vCircumference=Math.round((vSideA+vSideB+vSideC*1)*Math.pow(10,vDec))/Math.pow(10,vDec);
  funScreenWrite()
  }
  function funScreenWrite()
  {
  document.fTriangleCalculate.inSideA.value=vSideA
  document.fTriangleCalculate.inSideB.value=vSideB
  document.fTriangleCalculate.inSideC.value=vSideC
  document.fTriangleCalculate.inAngleA.value=vAngleA
  document.fTriangleCalculate.inAngleB.value=vAngleB
  document.fTriangleCalculate.inAngleC.value=vAngleC
  document.fTriangleCalculate.inHeightA.value=vHeightA
  document.fTriangleCalculate.inHeightB.value=vHeightB
  document.fTriangleCalculate.inHeightC.value=vHeightC
  document.fTriangleCalculate.inAcreage.value=vAcreage
  document.fTriangleCalculate.inCircumference.value=vCircumference
  }
  </script>
</body>
</html>
Avatar billede roenving Novice
17. januar 2008 - 00:59 #5
Decimaler: <select name="decs">
  <option value="1">1</option>
  <option value="2" selected>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>
  </select>

...

    var vDec = document.fTriangleCalculate.decs.value;

-- options kan ikke have navne, men selecten tager værdien fra den option, der er valgt !-)
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