先布局 把第一行和子菜单做出来。然后把子菜单display：none;
给第一行在js里做点击事件。var a=documentgetElementByid("diyihang"); a.onclick = function(){ var s= document.getElementByid(itmes) ; s.style.display="block"}
然后给子菜单做点击事件。function selected(a){ var d= document.GetelementById(itmes); d.style.display="none"; var text=a.innerText; document.getElementById("diyihang").innertext=text; }当点击子菜单其中一项时，其他隐藏，子菜单的内容显示在第一行（提取子菜单文字innerText）
js应用例子—下拉列表
原文地址：http://www.cnblogs.com/forqiwen/p/8012444.html