页面二级菜单联动

最新推荐文章于 2021-03-02 12:56:15 发布

学海无涯苦做java

最新推荐文章于 2021-03-02 12:56:15 发布

阅读量494

点赞数

本文链接：https://blog.csdn.net/chenzhenguo123/article/details/56830798

版权


					<select style="width:200px;" id="fmenu" >
						<option value="<%=CsvMenu.MUNU_SYNTHESIZE%>"><%=CsvMenu.COLS_MOD.get(CsvMenu.MUNU_SYNTHESIZE)%></option>
						<option value="<%=CsvMenu.MENU_READER%>"><%=CsvMenu.COLS_MOD.get(CsvMenu.MENU_READER)%></option>
						<option value="test3">test3一级菜单</option>
					</select>


			
			
					<label id="menu_second">
						二级菜单:
					</label>
					<select style="width:200px;" class="smenu" id="sfmenu" >
					
						<option value="1">test1</option>
						
					</select>
					<select style="width:200px;" class="smenu" id="ssmenu" >						<option value="2">test2</option> </select>




<script type="text/javascript"> 
	//一级菜单二级菜单联动
		$(document).ready(function(){ 
			$("#fmenu").change(function(){ 
				$("#fmenu option").each(function(i,o){ 
					if($(this).attr("selected")){ 
							$(".smenu").hide(); 
							$(".smenu").eq(i).show(); 
						} 
					}); 
				}); 
			$("#fmenu").change(); 
		}); 
</script>