js应用例子—下拉列表

先布局 把第一行和子菜单做出来。然后把子菜单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)

posted @ 2017-12-09 19:25  FTHeD  阅读(107)  评论(0编辑  收藏  举报