动态地将引导选择单元格插入到不起作用的表行中

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。