Question: I basically want to for example if the user chooses "Option 1" and "Option a" show one thing and if the user chooses "Option 2" and "Option c" show another.... ect...

I've tried to play around with it on <https://jsfiddle.net/xw6t3gL4/8/>

Thank you!

```js
$('#first').on('change', function() {
  if (this.value === "01")  {
    $("#one").show();
  } else {
    $("#one").hide();
  }
});

$('#second').on('change', function() {
  if (this.value === "a") {
    $("#one").show();
  } else {
    $("#one").hide();
  }
});
```

```css
p {
  display: none;
}
```

```html
<div data-role="fieldgroup">
  <select id="first">
    <option>ONE</option>
    <option value="01">Option 1</option>
    <option value="02">Option 2</option>
    <option value="03">"Option 3</option>
  </select>
</div>

<div data-role="fieldgroup">
  <select id="second">
    <option>TWO</option>
    <option value="a">Option a</option>
    <option value="b">Option b</option>
    <option value="c">Option c</option>

  </select>
</div>

<p id="one">
  1
</p>
<p id="two">
  2
</p>
<p id="three">
  3
</p>
```

Answer: 
How about this?

```
$('select').on('change', function(){
  var select1 = $('#first').val();
  var select2 = $('#second').val();
  $('#one, #two, #three').hide();
  if (select1 === "01" && select2 === "a") {
    $('#one').show();
  }
  if (select1 === "02" && select2 === "b") {
    $('#two').show();
  }
  if (select1 === "03" && select2 === "c") {
    $('#three').show();
  }
});

```

<https://jsfiddle.net/xw6t3gL4/11/>
You could use a `switch()` to evaluate the selected value. 

<https://jsfiddle.net/itopizarro/7o9wdnqa/>