如何使用jQuery显示<ul>列表，如选择框？</ul>

Question

我有一些列表，我想要像SE列表那样执行SE。但在GUI中，这个数据列表最好像选择框一样执行。

如何使用jQuery显示像选择框这样的ul列表？

感谢。

Answer 1

您可以为每个列表生成select，然后将其插入并隐藏原始列表。这是an example和代码：

$('ul').each(function(){
    var ul=$(this);
    var sel=$('<select/>');
    $('li',ul).each(function(){
        sel.append($('<option/>',{value:this.innerHTML,html:this.innerHTML}));
    });
    ul.hide().after(sel);
});