title: How can I make a dropdown menu where the second dropdown options depend on the first selection?
body: <p>I would like a dropdown menu Where the options in the first box are 'state' and 'province' and the second will populate based on the first selection (state -> USA states, province -> canada provinces)
  Here is the code I have so far:</p>
  
  <pre><code>&lt;form id="updateTreventLocation" action="
  &lt;table&gt;
  
   &lt;%=Url.Action("SavedTreventLocation","Prod")%&gt;" method="post"&gt;
    &lt;tr&gt;
          &lt;td colspan="2" class="label"&gt;City:&lt;/td&gt;
          &lt;td class="content"&gt;
              &lt;input type="text" maxlength="100" name="CityLocation" value="&lt;%=EditTreventLocation.locationCity%&gt;" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
         &lt;tr&gt;
          &lt;td colspan="2" class="label"&gt;Province/State:&lt;/td&gt;
          &lt;td class="content"&gt;
              &lt;input type="text" maxlength="50" name="ProvinceLocation" value="&lt;%=EditTreventLocation.locationProvince%&gt;" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>