使用javascript解析html列表然后输出下拉列表

Question

我正在尝试编写一些javascript，它会自动将文本放在html ul列表中，然后将其作为下拉列表输出。 以下是我到目前为止： http ： //jsfiddle.net/KRWHP/

问题当然是代码不会遍历每个列表项并将其输出到自己的选项标记中。

Answer 1

$("li").each(function () {
    $('<option />').text($(this).text())
                   .val($(this).text())
                   .appendTo("select");    
});

你的小提琴，再次fiddlified。

Answer 2

不需要jQuery。 只需为每个元素创建一个新的选项节点，然后将其附加到select。

var ul = document.getElementsByTagName("ul")[0];
var select = document.getElementsByTagName("select")[0];

[].forEach.call(ul.children, function (el) {
    var option = document.createElement("option");
    option.textContent = el.textContent; 
    select.appendChild(option);
});

例