js应用例子—下拉列表
Posted FTHeD
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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)
以上是关于js应用例子—下拉列表的主要内容,如果未能解决你的问题,请参考以下文章