When a user selects "Option 1" and "Option a," I want to display one thing, and for "Option 2" and "Option c," show something else...and so on.
I've been experimenting with this functionality on https://jsfiddle.net/xw6t3gL4/8/
Thank you!
$('#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();
}
});p {
display: none;
}<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>