動態創建引導程序選擇選擇器

Question

我正在使用bootstrap select plugin。我填充動態創建的選擇，像這樣：

var select = $('<select/>', { 
    'class':"selectpicker" 
}).selectpicker(); 

for (var idx in data) { 
    if (data.hasOwnProperty(idx)) { 
     select.append('<option value=' + data[idx].id+ '>' + data[idx].Text+ '</option>'); 
    } 
} 

select.selectpicker('refresh'); 

的數據是罰款，並選擇創建，它不能識別引導selectpicker我試圖創造。我在同一頁上有一個選擇，我不會動態創建，並且工作正常。

<select class="selectpicker"> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
</select> 

$('.selectpicker').selectpicker(); 

如何動態地創建一個自舉選擇？謝謝。

Answer 1

你需要它調用selectpicker()，這樣的事情之前，你創建的DOM的<select />追加：

var $select = $('<select/>', { 
    'class':"selectpicker" 
}); 
for (var idx in data) { 
    $select.append('<option value=' + data[idx].id + '>' + data[idx].Text + '</option>'); 
} 

$select.appendTo('#myElement').selectpicker('refresh'); 

注意使用append()，並且還去除hasOwnProperty - 你已經循環通過對象的屬性使方法調用是多餘的。