Question

我试图将我的选择下拉列表转换为ul，以便我可以创建一个显示ul的引导按钮，允许列表项作为选项。

<select id="sortField" onchange="refreshPage('{$pageBase}','{$searchTerm}', '{$pageNumber}', '{$CurrentFacet}')">
    <option value="default">
        Sort
    </option>

    <option value="Relevance">Relevance</option>
    <option value="Highest Rated">Highest Rated</option>
    <option value="Best Sellers">Best Sellers</option>
    <option value="New Arrivals">New Arrivals</option>
    <option value="Lowest Price">Lowest Price</option>
    <option value="Highest Price">Highest Price</option>
</select>

Answer 1

不确定您希望发生什么事件，但我们假设它是onclick()事件。要将<select></select>元素与<ul></ul>元素交换，您必须使用javascript首先通过ID获取它们然后交换它们。

<script>
    function swapDropDown()
    {
        var ul = '<ul><li>...</li></ul>';
        document.getElementById( sortField ).innerHTML = ul;
    }
</script>

然后，在您的选择标记上，只需添加onclick = "swapDropDown()"作为属性

Answer 2

转换你的选择的jQuery函数是：

var ul = $('<ul/>');
$("#sortField option").each(function() {
$('<li/>').val(this.value).text(this.text).attr('onchange', $("#sortField").attr("onchange")).appendTo(ul);
    });
$("#sortField").replaceWith(ul);

希望能提供帮助

再见

如何将选择下拉列表转换为ul下拉列表？

2 个答案: