嘗試使用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));