1

对于我的网站的设计，我想用带有 jQ​​uery 的 HTML 菜单替换任何选择输入类型。我知道有一些默认插件可以做到这一点，但是代码行数太多了，我相信它可以用更少的代码来完成（我想了解更多关于 jQuery 的信息）。现在我有以下内容，当只有一个选择菜单要替换时，它可以完美地工作。

请参阅我在 jsFiddle 上的示例

问题是当我添加另一个下拉列表时，我从一个 HTML 列表中的两个选择输入中获取值。这是有道理的，因为列表是从默认类生成的，但问题是我不知道如何对数据进行排序。

我目前有以下代码以正确的顺序提醒数据，但我被卡住了。我现在不知道如何将数据分类到两个单独的列表中，并将这些列表应用于相应的特定父元素。


if($('.replaceDropdown').length > 0){
    $('.replaceDropdown').each(function(){
        select = $(this);
        select.after('<div class="replaceSelectContainer"><p>'+select.find('optgroup').attr('label')+'</p></div><div class="replaceSelectOptions"><ul class="selectOptionList"></ul></div>');
        options = $('option', select);
        alert(options.length);
        options.each(function(){
            alert($(this).text());
        });
    });
}

我想我应该做类似的事情gather list items until options.length == max. If options.length == max { generate list items from the next select input }。唯一的问题是我不知道如何。

我希望任何人都可以帮助我走向正确的方向。

4

0 回答 0