title: Conditional DropDown List Javascript and HTML
body: <p>I'm trying to make a a webpage that has a conditional dropdown box using html and javascript. Say it's a certain day in the week like Monday I need a different dropdown box with different options when it's Thursday; however some days may have the same options. Originally I had two drop down box one when the person clicked what day it was and then the dropdown box would appear, but I was wondering if there was a way to do this automatically using a javascript function and also creating a function that only displays a certain dropdown list.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
   &lt;head&gt;&lt;/head&gt;
   &lt;body&gt;
      &lt;div id="myQuestions"&gt;
          &lt;select id="QuestionOptions"&gt;
              &lt;option value disalbe selected&gt;What Day is it?&lt;/option&gt;
              &lt;option value="A"&gt;Monday&lt;/option&gt;
              &lt;option value="A"&gt;Tuesday&lt;/option&gt;
              &lt;option value="B"&gt;Wednesday&lt;/option&gt;
              &lt;option value="B"&gt;Thursday&lt;/option&gt;
              &lt;option value="B"&gt;Friday&lt;/option&gt;
              &lt;option value="A"&gt;Saturday&lt;/option&gt;
              &lt;optoin value="A"&gt;Sunday&lt;/optoin&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div id="myAnswers"&gt;
          &lt;div id="A" style="display: none;"&gt;
              &lt;div id="QuestionC"&gt;
                  &lt;p&gt;Exapmle of question.&lt;/p&gt;
              &lt;/div&gt;
              &lt;div id="QuestionD"&gt;
                  &lt;select id="QuestionOptionsD"&gt;
                      &lt;option value disalbe selected&gt;Choose Your Answer&lt;/option&gt;
                      &lt;option value="G"&gt;Answer G&lt;/option&gt;
                      &lt;option value="H"&gt;Answer H&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="B" style="display: none;"&gt;
              &lt;div id="QuestionE"&gt;
                  &lt;p&gt;Exmaple of another question.&lt;/p&gt;
              &lt;/div&gt;
              &lt;div id="QuestionF"&gt;
                  &lt;select id="QuestionOptionsF"&gt;
                      &lt;option value disalbe selected&gt;Choose Your Answer&lt;/option&gt;
                      &lt;option value="I"&gt;Answer I&lt;/option&gt;
                      &lt;option value="J"&gt;Answer J&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>