javascript下拉显示内容

时间:2012-04-11 21:37:26

标签: javascript-events

 $(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>

您好,

当用户选择option1时,我有代码显示你的状态下拉。

当他从你的州选择亚利桑那时,我需要在两个下降的底部显示“嗨朋友”..... 请帮帮我......提前致谢

1 个答案:

答案 0 :(得分:0)

这就是你追求的目标吗?

http://jsfiddle.net/tR2xU/