title: Is there a way to use javascript to populate a html dropdown menu with values?
body: <p>I need to have a drop-down menu that allows you to select a year from it (1900-2011). I am pretty sure that java-script has the functionality for that but I am totally lost on how to do it in code.</p>
  
  <p>I am using PHP.</p>
  
  <p>Wouldn't it be something along the lines of this?</p>
  
  <pre><code>while(i&lt;2012){
  add i to dropdown list
  increment i
  }
  </code></pre>
  
  <p>This is the current code I have for the form:</p>
  
  <pre><code>&lt;form action="cite.php" method="post"&gt;
  &lt;h1&gt;Newspaper&lt;/h1&gt;
  
  &lt;script&gt;
  
  var select = document.getElementById("year");
  for(var i = 2011; i &gt;= 1900; --i) {
      var option = document.createElement('option');
      option.text = option.value = i;
      select.add(option, 0);
  }
  
  
  &lt;/script&gt;
  
  &lt;table width="100%"&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;h3&gt;Author Name&lt;/h3&gt;&lt;/td&gt;
      &lt;td&gt;&lt;table width="100%" border="0"&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;label&gt;
            &lt;input type="text" name="lastName" id="lastName" /&gt;
          &lt;/label&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;label&gt;
            &lt;input type="text" name="firstName" id="firstName" /&gt;
          &lt;/label&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;h3&gt;Title of Article&lt;/h3&gt;&lt;/td&gt;
      &lt;td&gt;&lt;label&gt;
        &lt;input type="text" name="artTit" id="artTit" /&gt;
      &lt;/label&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;h3&gt;Title of Newspaper&lt;/h3&gt;&lt;/td&gt;
      &lt;td&gt;&lt;label&gt;
        &lt;input type="text" name="newsTit" id="newsTit" /&gt;
      &lt;/label&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;h3&gt;City&lt;/h3&gt;&lt;/td&gt;
      &lt;td&gt;&lt;label&gt;
        &lt;input type="text" name="city" id="city" /&gt;
      &lt;/label&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;h3&gt;Date Published&lt;/h3&gt;&lt;/td&gt;
      &lt;td&gt;&lt;table width="100%" border="0"&gt;
        &lt;tr&gt;
          &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;select id="year" name="year"&gt;&lt;/select&gt;
  &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;h3&gt;Edition&lt;/h3&gt;&lt;/td&gt;
      &lt;td&gt;&lt;label&gt;
        &lt;input type="text" name="edi" id="edi" /&gt;
      &lt;/label&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;h3&gt;Page Designation&lt;/h3&gt;&lt;/td&gt;
      &lt;td&gt;&lt;label&gt;
        &lt;input type="text" name="page" id="page" /&gt;
      &lt;/label&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;h3&gt;Medium&lt;/h3&gt;&lt;/td&gt;
      &lt;td&gt;&lt;table width="200"&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;label&gt;
            &lt;input type="radio" name="RadioGroup1" value="print" id="RadioGroup1_0" /&gt;
            Print&lt;/label&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;label&gt;
            &lt;input type="radio" name="RadioGroup1" value="web" id="RadioGroup1_1" /&gt;
            Web&lt;/label&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&lt;label&gt;
        &lt;input type="text" name="med" id="med" /&gt;
      &lt;/label&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;input type="hidden" name="hiddenField" id="hiddenField" /&gt;&lt;/td&gt;
      &lt;td&gt;&lt;label&gt;
        &lt;input type="submit" name="Submit" id="Submit" value="Submit" /&gt;
      &lt;/label&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  
  &lt;/form&gt;
  </code></pre>