title: JavaScript - Reading from dropdown box
body: <p>I need to be able to read from a dropdown box on a page get the value from it and thats it (for now) I currently have this code.</p>
  
  <p>JavaScript</p>
  
  <pre><code>function main(input)
  {
      value = getValue();
      alert(value);
  }
  
  function getValue()
  {
      var len = document.form1.values.length
      var chosen = ""
  
      for (var i = 0; i &lt; len; i++) {
          if (document.form1.values[i].selected) {
              chosen = document.form1.values[i].value
          } 
      }
  
  return chosen;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>    &lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
          &lt;title&gt;Shopping Cart&lt;/title&gt;
          &lt;link href="style.css" title="Style" rel="stylesheet" type="text/css"&gt;
          &lt;script src="javascript/js.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;!-- Start content --&gt;
      &lt;body&gt;
          &lt;!-- Wrapper to hold all content in --&gt;
          &lt;div id="wrapper"&gt;
              &lt;!-- Top header, site name, moto, all that --&gt;
              &lt;div id="header"&gt;
                  &lt;h1&gt;Kyle's Legit Toys&lt;/h1&gt;
                  &lt;h2&gt;We are more legit then 10th.exe&lt;/h2&gt;
                  &lt;h3&gt;#SoundsLegit&lt;/h3&gt;
              &lt;/div&gt;
  
              &lt;!-- Navigation Menu --&gt;
              &lt;div id="menu"&gt;
                  &lt;a href="#"&gt;Home&lt;/a&gt;
                  &lt;a href="http://itsuite.it.brighton.ac.uk/ks339/sem2/clientValidation.htm"&gt;Client Validation&lt;/a&gt;
              &lt;/div&gt;
  
              &lt;!-- Item --&gt;
              &lt;div class="first"&gt;
                  &lt;p&gt;Wickedy Walker&lt;/p&gt;
                  &lt;img src="i/car.jpg" width="85%" height="85%" alt="Car" title="#CoolCar"&gt;
                  &lt;p&gt;Cost: £30 per item&lt;/p&gt;
  
                  &lt;form name="form1" method="POST"&gt;
                      &lt;select name="values" onchange="main()" &gt;
                          &lt;option value="1"&gt;1&lt;/option&gt;
                          &lt;option value="2"&gt;2&lt;/option&gt;
                          &lt;option value="3"&gt;3&lt;/option&gt;
                          &lt;option value="4"&gt;4&lt;/option&gt;
                          &lt;option value="5"&gt;5&lt;/option&gt;
                          &lt;option value="6"&gt;6&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
              &lt;!-- Item --&gt;
              &lt;div class="item"&gt;
                  &lt;p&gt;Faster than light car&lt;/p&gt;
                  &lt;img src="i/toycar.jpg" width="85%" height="85%" alt="ToyCar" title="#WickCar"&gt;
                  &lt;p&gt;Cost: £10 per item&lt;/p&gt;
  
                  &lt;form name="form1" method="POST"&gt;
                      &lt;select name="values" onchange="main()" &gt;
                          &lt;option value="1"&gt;1&lt;/option&gt;
                          &lt;option value="2"&gt;2&lt;/option&gt;
                          &lt;option value="3"&gt;3&lt;/option&gt;
                          &lt;option value="4"&gt;4&lt;/option&gt;
                          &lt;option value="5"&gt;5&lt;/option&gt;
                          &lt;option value="6"&gt;6&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
              &lt;!-- Item --&gt;
              &lt;div class="item"&gt;
                  &lt;p&gt;Build stuff crane&lt;/p&gt;
                  &lt;img src="i/crane.jpg" width="85%" height="85%" alt="Toy Crane" title="#SweetCrane"&gt;
                  &lt;p&gt;Cost: £15 per item&lt;/p&gt;
  
                  &lt;form name="form1" method="POST"&gt;
                      &lt;select name="values" onchange="main()" &gt;
                          &lt;option value="1"&gt;1&lt;/option&gt;
                          &lt;option value="2"&gt;2&lt;/option&gt;
                          &lt;option value="3"&gt;3&lt;/option&gt;
                          &lt;option value="4"&gt;4&lt;/option&gt;
                          &lt;option value="5"&gt;5&lt;/option&gt;
                          &lt;option value="6"&gt;6&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
              &lt;!-- Dynamicaly altered payment --&gt;
              &lt;div id="payment"&gt;
                  &lt;p&gt;Payment&lt;/p&gt;
                  &lt;br /&gt;
                  &lt;br /&gt;
                  &lt;br /&gt;
                  &lt;br /&gt;
                  &lt;br /&gt;
                  &lt;br /&gt;
                  &lt;br /&gt;
              &lt;/div&gt;
  
              &lt;!-- Clear all floats --&gt;
              &lt;div class="clear"&gt;
              &lt;/div&gt;
  
              &lt;!-- Item --&gt;
              &lt;div class="first"&gt;
                  &lt;p&gt;Satch Boogie&lt;/p&gt;
                  &lt;img src="i/guitar.jpg" width="85%" height="85%" alt="Guitar" title="#BeLikeSlash"&gt;
                  &lt;p&gt;Cost: £20 per item&lt;/p&gt;
  
                  &lt;form name="form1" method="POST"&gt;
                      &lt;select name="values" onchange="main()" &gt;
                          &lt;option value="1"&gt;1&lt;/option&gt;
                          &lt;option value="2"&gt;2&lt;/option&gt;
                          &lt;option value="3"&gt;3&lt;/option&gt;
                          &lt;option value="4"&gt;4&lt;/option&gt;
                          &lt;option value="5"&gt;5&lt;/option&gt;
                          &lt;option value="6"&gt;6&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/form&gt;
              &lt;/form&gt;
              &lt;/div&gt;
  
              &lt;!-- Item --&gt;
              &lt;div class="item"&gt;
                  &lt;p&gt;HaxTop&lt;/p&gt;
                  &lt;img src="i/laptop.jpg" width="85%" height="85%" alt="Laptop" title="#Be1337hax"&gt;
                  &lt;p&gt;Cost: £150 per item&lt;/p&gt;
  
                  &lt;form name="form1" method="POST"&gt;
                      &lt;select name="values" onchange="main()" &gt;
                          &lt;option value="1"&gt;1&lt;/option&gt;
                          &lt;option value="2"&gt;2&lt;/option&gt;
                          &lt;option value="3"&gt;3&lt;/option&gt;
                          &lt;option value="4"&gt;4&lt;/option&gt;
                          &lt;option value="5"&gt;5&lt;/option&gt;
                          &lt;option value="6"&gt;6&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
              &lt;!-- Item --&gt;
              &lt;div class="item"&gt;
                  &lt;p&gt;Train&lt;/p&gt;
                  &lt;img src="i/train.jpg" width="85%" height="85%" alt="Train" title="#ChoChoTrain"&gt;
                  &lt;p&gt;Cost: £5 per item&lt;/p&gt;
  
                  &lt;form name="form1" method="POST"&gt;
                      &lt;select name="values" onchange="main()" &gt;
                          &lt;option value="1"&gt;1&lt;/option&gt;
                          &lt;option value="2"&gt;2&lt;/option&gt;
                          &lt;option value="3"&gt;3&lt;/option&gt;
                          &lt;option value="4"&gt;4&lt;/option&gt;
                          &lt;option value="5"&gt;5&lt;/option&gt;
                          &lt;option value="6"&gt;6&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
              &lt;!-- Clear all floats --&gt;
              &lt;div class="clear"&gt;
              &lt;/div&gt;
  
              &lt;!-- Item --&gt;
              &lt;div class="first"&gt;
                  &lt;p&gt;Pedo Bear&lt;/p&gt;
                  &lt;img src="i/teddybear.gif" width="85%" height="85%" alt="Teddy Bear" title="#AwesomeTeddy"&gt;
                  &lt;p&gt;Cost: £5 per item&lt;/p&gt;
  
                  &lt;form name="form1" method="POST"&gt;
                      &lt;select name="values" onchange="main()" &gt;
                          &lt;option value="1"&gt;1&lt;/option&gt;
                          &lt;option value="2"&gt;2&lt;/option&gt;
                          &lt;option value="3"&gt;3&lt;/option&gt;
                          &lt;option value="4"&gt;4&lt;/option&gt;
                          &lt;option value="5"&gt;5&lt;/option&gt;
                          &lt;option value="6"&gt;6&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
              &lt;!-- Item --&gt;
              &lt;div class="item"&gt;
                  &lt;p&gt;Not a pony bear&lt;/p&gt;
                  &lt;img src="i/bear.jpg" width="85%" height="85%" alt="Teddy Bear" title="#EnvyOfHomies"&gt;
                  &lt;p&gt;Cost: £5 per item&lt;/p&gt;
  
                  &lt;form name="form1" method="POST"&gt;
                      &lt;select name="values" onchange="main()" &gt;
                          &lt;option value="1"&gt;1&lt;/option&gt;
                          &lt;option value="2"&gt;2&lt;/option&gt;
                          &lt;option value="3"&gt;3&lt;/option&gt;
                          &lt;option value="4"&gt;4&lt;/option&gt;
                          &lt;option value="5"&gt;5&lt;/option&gt;
                          &lt;option value="6"&gt;6&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
              &lt;!-- Item --&gt;
              &lt;div class="item"&gt;
                  &lt;p&gt;Patobo Bear&lt;/p&gt;
                  &lt;img src="i/irl.jpg" width="85%" height="85%" alt="Teddy Bear" title="#NotEvenRacist"&gt;
                  &lt;p&gt;Cost: £5 per item&lt;/p&gt;
  
                  &lt;form name="form1" method="POST"&gt;
                      &lt;select name="values" onchange="main()" &gt;
                          &lt;option value="1"&gt;1&lt;/option&gt;
                          &lt;option value="2"&gt;2&lt;/option&gt;
                          &lt;option value="3"&gt;3&lt;/option&gt;
                          &lt;option value="4"&gt;4&lt;/option&gt;
                          &lt;option value="5"&gt;5&lt;/option&gt;
                          &lt;option value="6"&gt;6&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
              &lt;!-- Clear all floats --&gt;
              &lt;div class="clear"&gt;
              &lt;/div&gt;
  
              &lt;!-- Final footer --&gt;
              &lt;div id="footer"&gt;
                  &lt;p&gt;Kyle Strudwick - ks339 - StudentNumber&lt;/p&gt;
                  &lt;p&gt;Some copyright stuff&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Error in chrome</p>
  
  <p><img src="https://i.stack.imgur.com/dFbdq.png" alt="The error I get in chrome"></p>
  
  <p>Firebug
  <img src="https://i.stack.imgur.com/aIbo6.png" alt="Firebug">
  <img src="https://i.stack.imgur.com/SiDkC.png" alt="Firebug"></p>
  
  <p>Thanks a lot, when answering please try and explain what I did wrong, why it was wrong and the correct way.</p>
  
  <p>Thanks</p>