Semanic UI下拉 - 如何用jQuery

Question

初始化語義的UI下拉我有這樣

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

然後在我的JavaScript數組，我試圖初始化數組上方的下拉菜單。

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

但是，數組並沒有填充數據。我在這裏錯過了什麼？

編輯：這是HTML

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

Answer 1

除非你正在從API調用讓你選擇數據，語義UI沒有設置程序提供的選項。所以，真的，你只需要設置的選擇就像你通常會

<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()