Javascript 使用JQuery的语义UI下拉列表-如何使用JQuery初始化语义UI下拉列表
我有一个这样的数组Javascript 使用JQuery的语义UI下拉列表-如何使用JQuery初始化语义UI下拉列表,javascript,jquery,drop-down-menu,semantic-ui,Javascript,Jquery,Drop Down Menu,Semantic Ui,我有一个这样的数组 var resultsArray = [ { name: "BMW", value: "BMW", text: "BMW" }, { name: "Mercedes-Benz", value: "Mercedes-Benz", text: "Mercedes-Benz" } ... ]; 然后在我的JavaScript中,我尝试用上面的数组初始化下拉列表 $('.select-car-model').dropdown({
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">
除非您从API调用获取选项数据,否则语义UI没有以编程方式提供选项的设置。所以你只需要像平常一样设置select
<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>
你能发布HTML吗?更新了主帖子
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()