Как отобразить список <ul>, например, поле выбора, используя jQuery?

Question

У меня есть список, который я хочу выполнить в SE, например, список ul. Но в GUI этот список данных лучше выполнять как поле выбора.

Как я могу отобразить список ul, как поле выбора, используя jQuery?

Спасибо.

Answer 1

Вы можете создать select для каждого списка, затем вставить его после и скрыть оригинальный Вот пример и код:

$('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);
});