用javascript解析html列表然後輸出下拉

Question

我正在嘗試編寫一些javascript，它會自動將html ul列表中的文本輸出爲下拉列表。這是我到目前爲止：http://jsfiddle.net/KRWHP/

問題當然是代碼不會經過每個列表項並將其輸出到自己的選項標記中。

Answer 1

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

Your fiddle, re-fiddlified.

Answer 2

不需要jQuery的。只需爲每個元素創建一個新的選項節點並將其附加到選擇。

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); 
}); 

Example