jQuery如何实现多个下拉框联动效果?

<!DOCTYPE html>
<html>
<head></head>
<body>
<div style="float:left;">
<select name="" id="sel" onchange="selChange()">

<option value="0">调光</option>
<option value="1">音乐</option>

</select>
</div>
<div style="float:left;margin-left:13px;">
<span>状态</span>
<select id="mode">
<option>打开</option>
<option>关闭</option>
</select>
</div>
<div id="reg" style="float:left;margin-left:13px;">
<span>亮度</span><input id="ks" type="text" name="" value="100%"/>
</div>

<div id="volume" style="display:none;float:left;margin-left:13px;">
<span>播放模式</span>
<select id="vol" onchange="volChange()">
<option>播放</option>
<option>暂停</option>
<option>音量加</option>
<option>音量减</option>
</select>
</div>

<div id="vol" style="display:none;float:left;margin-left:13px;">
<span>音量</span><input id="Volume" type="text" name="" value="100%"/>
</div>

</body>
</html>

当选择调光时,显示状态下拉框跟亮度。当选择音乐时,显示状态下拉框,播放模式下拉框和音量文本框(其实音量也是一个下拉框0~100的选择下拉框)。请问用jQuery怎么实现这个功能?求大神指教

阅读 4k
1 个回答

提问的时候不要粘贴大段代码,尤其是 HTML 、XML 等代码,不能使用简短代码描述的,最好贴图。
代码太长就不看了,根据“下拉框”这个关键词,推荐你搜索关键词“下拉导航栏”,网上有很多种实现方式,布局相关的需求,推荐采用 bootstrap , bootstrap 正好提供了下拉导航栏的实现,可以参考菜鸟教程: http://www.runoob.com/bootstr...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏