JavaScript 下拉菜单以显示内容

JavaScript drop down to display content

本文关键字：显示 下拉菜单 JavaScript      更新时间：2023-09-26
 $(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 时显示您的状态下拉列表。

当他从您的州中选择亚利桑那州时，我需要在两个下拉菜单的底部显示"嗨，朋友们"。请帮助我。

这就是你所追求的吗？

http://jsfiddle.net/tR2xU/

相关文章：