ブートストラップ選択セルをテーブルの行に動的に挿入することはできません。

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。