將自舉選擇單元格動態插入表格行不起作用

Question

我已經動態地創建了一個表格行，並將每個單元格插入到行中，然後插入到表格中。所有以前的單元格都在工作（因爲它們是簡單的複選框輸入或純文本），但此行不同。

我試圖插入一個bootstrap-select下拉列表動態的表格單元格，沒有任何運氣。它不會拋出任何錯誤，但不會顯示下拉列表。

我嘗試基於關閉this quick search：

var cell = row.insertCell(5); 
var selectCell = $('<select/>', { 
    'class': "selectpicker" 
}); 
selectCell.append("<option>Value 1</option>"); 
selectCell.append("<option>Value 2</option>"); 
selectCell.append("<option>Value 3</option>"); 

selectCell.appendTo(cell); 

任何幫助表示讚賞。

感謝

Answer 1

你可以這樣說：

表

<table> 
    <tr id="row"></tr> 
</table> 

腳本

var row = document.getElementById('row'); 
var cell = row.insertCell(0); 
/*var selectCell = $('<select/>', { 
    'class': "selectpicker" 
});*/ 

var selectCell = $('<select>'); 
$(selectCell).addClass('selectpicker'); 
selectCell.append("<option>Value 1</option>"); 
selectCell.append("<option>Value 2</option>"); 
selectCell.append("<option>Value 3</option>"); 

selectCell.appendTo(cell); 

在線結果jsfiddle。