title: Enabling a disabled select option via onchange?
body: <p>I'm very new to jquery/javscript and I'm having trouble with my code.</p>
  
  <p>I've got 2 select options. The first one is enabled while the second one is disabled by default.</p>
  
  <p>I'm trying to make it so that when the first select option is changed, the second select option will be enabled.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>&lt;label class="movie"&gt;Movie:&lt;/label&gt;
  &lt;br&gt;
  &lt;select name="movie" id="whichMovie" onchange="changeMovie()"&gt;
      &lt;option value="" disabled selected&gt;Please select a movie first&lt;/option&gt;
      &lt;option value="AC"&gt;Hercule&lt;/option&gt;
      &lt;option value="CH"&gt;How to Train Your Dragon 2&lt;/option&gt;
      &lt;option value="AF"&gt;Fearless&lt;/option&gt;
      &lt;option value="RC"&gt;The Other Woman&lt;/option&gt;
  &lt;/select&gt;
  &lt;!--day--&gt;
  &lt;br&gt;&lt;label&gt;Day:&lt;/label&gt;
  &lt;br&gt;
  &lt;select name="day" value="whichDay" id="whichDay" onclick="changeDay()" disabled&gt;
      &lt;option value="--"&gt;--&lt;/option&gt;
      &lt;option value="mon"&gt;Monday&lt;/option&gt;
      &lt;option value="tue"&gt;Tuesday&lt;/option&gt;
      &lt;option value="wed"&gt;Wednesday&lt;/option&gt;
      &lt;option value="thur"&gt;Thursday&lt;/option&gt;
      &lt;option value="fri"&gt;Friday&lt;/option&gt;
      &lt;option value="sat"&gt;Saturday&lt;/option&gt;
      &lt;option value="sun"&gt;Sunday&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code> function changeMovie() {
       $('#whichDay').removeAttr('disabled');
   });
  </code></pre>
  
  <p>Also, how do you rewrite/set new options for the second dropdown based on what option you selected in the first?</p>
  
  <p>e.g. I select 'hercule' under movies, the only days that will show up are mon, tues and wed. Similarly, if I selected 'fearless' it will show up a different set of days.</p>
  
  <p>Thanks in advance!</p>