将 bootstrap-select 单元格动态插入到 table 行中不起作用

Question

我动态创建了一个 table 行，并将每个单元格插入到该行中，然后再插入到 table 中。之前的所有单元格都有效（因为它们是简单的复选框输入或纯文本）但是这一行不同。

我正在尝试动态地将 bootstrap-select 下拉列表插入 table 单元格，但我没有任何运气。它没有抛出任何错误，但是没有显示下拉列表。

我的尝试基于 :

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

<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.

将 bootstrap-select 单元格动态插入到 table 行中不起作用

Dynamically inserting a bootstrap-select cell into a table row not working

javascript

jquery

html

asp.net-mvc

bootstrap-select