Semanic UI выпадающего JQuery - Как инициализировать семантико-щий выпадающее меню с JQuery

Question

У меня есть массив как этот

var resultsArray = [ { name: "BMW", value: "BMW", text: "BMW" }, { name: "Mercedes-Benz", value: "Mercedes-Benz", text: "Mercedes-Benz" } ... ]; 

А потом в моей JavaScript я пытался инициализировать выпадающий над массивом.

$('.select-car-model').dropdown({ 
           source: resultsArray 
           }); 

Однако массив не заполняет данные. Что мне здесь не хватает?

EDIT: Это HTML

<select name="cars" class="ui search selection dropdown select-car-model" multiple="" id="car-multiselect"> 

Answer 1

Если вы не получаете ваши данные варианты от вызова API, семантический-интерфейс не имеет настройки для обеспечения параметров программно. Так что на самом деле вам просто нужно, чтобы настроить выбор, как вы обычно

<select name="cars" class="ui search selection dropdown select-car-model" multiple="" id="car-multiselect"> 
    <option value="">Select Car</option> 
    <option value="BMW">BMW</option> 
    <option value="Mercedes-Benz">Mercedes-Benz</option> 
</select> 

А затем инициализировать Семантический-UI его просто $('.select-car-model').dropdown()

Если вы случайно использовать какой-то рамки, или просто JQuery, вы могут программно добавлять эти параметры. Просто обязательно сделайте это доdropdown() звонок.

var resultsArray = [ { value: "BMW", text: "BMW" }, { value: "Mercedes-Benz", text: "Mercedes-Benz" } ... ]; 

$.each(resultsArray, function (i, item) { 
    $('.select-car-model').append($('<option>', { 
    value: item.value, 
    text: item.text 
    })) 
}) 

$('.select-car-model').dropdown()