$(document).ready(function () { $(‘.group’).hide(); $(‘#selectMe’).change(function () { $(‘.group’).hide(); $(‘#’ +$(this).val()).show(); }) }); <html> <label

Question

0

Asked: June 2, 20262026-06-02T00:06:35+00:00 2026-06-02T00:06:35+00:00

$(document).ready(function () { $(‘.group’).hide(); $(‘#selectMe’).change(function () { $(‘.group’).hide(); $(‘#’ +$(this).val()).show(); }) }); <html> <label

0

 $(document).ready(function () {
     $('.group').hide();
     $('#selectMe').change(function () {
         $('.group').hide();
         $('#' +$(this).val()).show();
     })
 });


<html>
<label for="hi" title="hi">hi</label>
<select name="selectMe" id="selectMe">
<option>Select</option>
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
<option value="option4">option4</option>
</select>
<div id="option1" class="group">
<label for="Your State" title="Your State">Your State</label>
<select name="Your State" id="Your State">
<option>Select</option>
<option value="albama">Albama</option>
<option value="alaska">Alaska</option> 
<option value="arizona">Arizona</option>
</select>
</div>
<div id="option2" class="group">xxxx</div>
<div id="option3" class="group">vvvv</div>
<div id="option4" class="group">dddd</div>
</html>

I have the code to display Your state drop down when user selects option1.

When he selects Arizona from Your state I need to display "Hi friends" at the bottom of two drop downs.
Please help me.