将ul li列表转到多个选择字段

时间:2015-04-17 07:25:07

标签: javascript php jquery listview drop-down-menu

有一段时间我正在寻找制作多个列表框或下拉框的解决方案。我不知道是否可能,但我想将生成的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}&amp;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/

谢谢!

1 个答案:

答案 0 :(得分:0)

我建议使用jQuery库和Menu插件(https://jqueryui.com/menu/)。然后转换就像

一样简单
<script>
  $(function() {
    $( ".nav1" ).menu();
  });
  </script>

你最好使用id来处理顶级ul而不是类名。