页面二级菜单联动


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


猜你喜欢

转载自blog.csdn.net/chenzhenguo123/article/details/56830798