有一段时间我正在寻找制作多个列表框或下拉框的解决方案。我不知道是否可能,但我想将生成的ul li列表转换为多个选择框。有人可以帮帮我吗?
我通过这个函数生成一个ul li:
{function displayCategories level=0 start=0 limit=null}
{if $level==0}<div class="catergie">{/if}
<ul class="nav{if $level==0}1{/if}">
{foreach $category.categories as $subcategory}
{if $subcategory@index < $start}{continue}{/if}
{if empty($subcategory.categories)}
<li>
<a href="?listing_package_sid={$listing_package_sid}&category_id={$subcategory.id}#listing-add-form-two">
<span class="nav-tabs">[[$subcategory.caption]]</span>
</a>
</li>
{else}
<li class="hasChild">
<span class="nav-tabs notHover">[[$subcategory.caption]]</span>
{displayCategories category=$subcategory level=$level+1}
</li>
{/if}
{if !is_null($limit) && $limit + $start == $subcategory@iteration}</div>{break}{/if}
{/foreach}
</ul>
{/功能}
我想将生成的列表放到Listbox的DropDownList中。
见jsfiddle:
on jsfiddle https://jsfiddle.net/postie/bahd3qcg/
谢谢!
答案 0 :(得分:0)
我建议使用jQuery库和Menu插件(https://jqueryui.com/menu/)。然后转换就像
一样简单<script>
$(function() {
$( ".nav1" ).menu();
});
</script>
你最好使用id来处理顶级ul而不是类名。