嘗試使用Javascript和jQuery創建動態選擇框

Question

我不是前端開發人員，我嘗試使用Javascript和jQuery完全動態地創建選擇框並添加其選項。

我幾乎在那裏，但我有問題添加每個新的選擇到div塊（選擇的數量是不同的時間不同）。

到目前爲止，我既可以得到最後的選擇顯示下面的代碼創建（但沒有span標籤）

$('#meeting-eft-time-unit-data').append('<span>').html(se).append('</span>'); 

或者我只是得到下面的列表...

$('#meeting-eft-time-unit-data').append('<span>' + se + '</span>'); 
object HTMLSelectElement][object HTMLSelectElement][object HTMLSelectElement][object HTMLSelectElement][object HTMLSelectElement] 

下面的代碼：

$.each(event_type_time_units, 
function(index, optionData) { 
    var se = document.createElement("select"); 
    // give it a name from 'name' 
    se.name = 'eft[' + optionData.name + ']'; 
    // populate it from 'range_from .. range_to 
    for(var i=optionData.range_from; i <= optionData.range_to; i++) { 
    var option = new Option(i, i); 
    if ($.browser.msie) { 
     se.add(option); 
    } else { 
     se.add(option,null); 
    } 
    } 

    // add display name to a label in a div block 
    $('#meeting-eft-time-unit-headers').append('<span>' + optionData.display_name + '</span>'); 

    // add select to a div block 
    /** 
    This gives me the a good select but only the last one processed is displayed 
    $('#meeting-eft-time-unit-data').append('<span>').html(se).append('</span>'); 
    or 
    This gives the text as explained above 
    $('#meeting-eft-time-unit-data').append('<span>' + se + '</span>'); 
    **/ 
}); 

Answer 1

嘗試：

$('#meeting-eft-time-unit-headers').append($('<span/>').append(se));