Динамический выбор выбора бутстрапа

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

Вам нужно добавить в <select /> вы создаете в DOM перед вызовом selectpicker() на него, что-то вроде этого:

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 - вы уже зацикливание через свойства объекта, чтобы вызов метода был избыточным.