Question

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

See my example on 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 }之类的事情。唯一的问题是我不知道如何。

我希望有人能帮助我走向正确的方向。

用HTML列表替换选择选项列表

0 个答案: