javascript - 将引导选择单元动态插入表行不起作用

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 .