title: How to show specific content based on 3 drop down selections?
body: <p>I would like to display a div depending on a user's selection from two drop down lists.</p>
  
  <p>While I'm going to display 3 dropdown options to the users, I'm only going to generate the output based on the selection of the first two:</p>
  
  <p><img src="https://i.stack.imgur.com/Oc6Fj.png" alt="enter image description here"></p>
  
  <p>This means that I will have a total of 9 possible outputs based on the user's selection:</p>
  
  <ol>
  <li>Beaches --> Chill</li>
  <li>Beaches --> Fast-Paced</li>
  <li>Beaches --> Both</li>
  <li>Museums --> Chill</li>
  <li>Museums --> Fast-Paced</li>
  <li>Museums --> Both</li>
  <li>Mountains --> Chill</li>
  <li>Mountains --> Fast-Paced</li>
  <li>Mountains --> Both</li>
  </ol>
  
  <p>Just for similar reference, a few months ago, I <a href="https://stackoverflow.com/questions/15644869/showing-specific-text-output-based-on-2-drop-down-selections">used</a> the following script to generate a specific output based on 2 drop down selections:
  <a href="http://jsfiddle.net/barmar/ys3GS/2/" rel="nofollow noreferrer">http://jsfiddle.net/barmar/ys3GS/2/</a></p>
  
  <pre><code>&lt;body&gt; 
  
      &lt;h2&gt;Find your Animal Name&lt;/h2&gt;
  
  &lt;p&gt;Select your birth month and your favorite color and find your animal name.&lt;/p&gt;
  
  &lt;form&gt;
          &lt;select id="month"&gt;
              &lt;option value=""&gt;- birth month -&lt;/option&gt;
              &lt;option value="January"&gt;January&lt;/option&gt;
              &lt;option value="February"&gt;February&lt;/option&gt;
              &lt;option value="March"&gt;March&lt;/option&gt;
              &lt;option value="April"&gt;April&lt;/option&gt;
              &lt;option value="May"&gt;May&lt;/option&gt;
              &lt;option value="June"&gt;June&lt;/option&gt;
              &lt;option value="July"&gt;July&lt;/option&gt;
              &lt;option value="August"&gt;August&lt;/option&gt;
              &lt;option value="September"&gt;September&lt;/option&gt;
              &lt;option value="October"&gt;October&lt;/option&gt;
              &lt;option value="November"&gt;November&lt;/option&gt;
              &lt;option value="December"&gt;December&lt;/option&gt;
          &lt;/select&gt;  
          &lt;label class="January" for="January"&gt;January Name&lt;/label&gt;
          &lt;label class="February" for="February"&gt;February Name&lt;/label&gt;
          &lt;label class="March" for="March"&gt;March Name&lt;/label&gt;
          &lt;label class="April" for="April"&gt;April Name&lt;/label&gt;        
          &lt;label class="May" for="May"&gt;May Name&lt;/label&gt;
          &lt;label class="June" for="June"&gt;June Name&lt;/label&gt;        
          &lt;label class="July" for="July"&gt;July Name&lt;/label&gt;
          &lt;label class="August" for="August"&gt;August Name&lt;/label&gt;
          &lt;label class="September" for="September"&gt;September Name&lt;/label&gt;
          &lt;label class="October" for="October"&gt;October Name&lt;/label&gt;
          &lt;label class="November" for="November"&gt;November Name&lt;/label&gt;
          &lt;label class="December" for="December"&gt;December Name&lt;/label&gt;
  
  
          &lt;select id="color"&gt;
              &lt;option value=""&gt;- favorite color -&lt;/option&gt;
              &lt;option value="Green"&gt;Green&lt;/option&gt;
              &lt;option value="Blue"&gt;Blue&lt;/option&gt;
              &lt;option value="Red"&gt;Red&lt;/option&gt;
          &lt;/select&gt;  
          &lt;label class="Green" for="Green"&gt;Green Name&lt;/label&gt;
          &lt;label class="Blue" for="Blue"&gt;Blue Name&lt;/label&gt;
          &lt;label class="Red" for="Red"&gt;Red Name&lt;/label&gt;
      &lt;/form&gt;
  
    &lt;p id="output"&gt;&lt;/p&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>But this need is a little different. Any thoughts on how I can achieve this? In other words – once the user selected the two options, I want the corresponding div (out of the 9 options) to show up below.</p>
  
  <p>Thanks so much!</p>