title: Selecting an option from one drop down populates other input fields
body: <p>I am trying to figure out how to populate other  tags with a specific text after selecting from a drop down. </p>
  
  <p>So if the drop down and another drop down below it the following should happen. When you choose "A" from dropDown1, dropDown2 should populate with "You chose A". If you choose "B" dropDown2 should say "You chose B". Same goes for "C"</p>
  
  <p>Here is a sample code below.</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;form&gt;
  
   &lt;select id="dropDown1"&gt;
      &lt;option value = "A"&gt;A&lt;/option&gt;
      &lt;option value = "B"&gt;B&lt;/option&gt;
      &lt;option value = "C"&gt;C&lt;/option&gt;
   &lt;/select&gt;
  
  &lt;select id="dropDown2"&gt;
      &lt;option value="You chose A"&gt;You chose A&lt;/option&gt;
      &lt;option value="You chose B"&gt;You chose B&lt;/option&gt;
      &lt;option value="You chose C"&gt;You chose C&lt;/option&gt;
  &lt;/select&gt;
  &lt;/form&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated. If you could show some code that be awesome or if you could point me in the right direction where I can find the answer that be awesome to.</p>