用ul标签做树形菜单

最新推荐文章于 2024-07-24 13:52:34 发布

Super-B

最新推荐文章于 2024-07-24 13:52:34 发布

阅读量2.9k

点赞数

分类专栏： java 文章标签： jsp javascript

本文链接：https://blog.csdn.net/u012345683/article/details/47275373

版权

java 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
function show(index){
var elem=document.getElementById('caidan'+index);
if(elem.style.display=='none')
elem.style.display='block';
else
  elem.style.display='none';
} 
</script>

<script type="text/javascript">
   
//如果参数存在则显示所选条件 
function search(index,id){
var obj = document.getElementById("down"); 
var tablename=index;
obj.src=index+"search?&tablename="+index;       
//   alert(id); 
$('#li'+id).css({'background-color':'#53c2e8'});
}
</script>

<ul  >
<li>
<a  href="javascript:show(1);" >其他表单</a>
<ul  class="caidanlist1" style="display:none" id="caidan1">
 <s:iterator value="userright" var="val" status="st">
 <li  id="li<s:property value='#st.count'/>"  οnclick="search('<s:property value="val"/>','<s:property value='#st.count'/>');"> 
<s:property value="val"/>   
                                                           </li>
 </s:iterator>
</ul>
</li>
<li> 
<a  href="javascript:show(2);" >测试项</a>
<ul  class="caidanlist2" style="display:none" id="caidan2">
 <li>苹果</li>
 <li>香蕉</li>
 <li>橘子</li>
</ul> 
</li>
</ul>