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