javascript - 语义用户界面 : How to set up a list of values onto a dropdown using javascript?

Question

我正在尝试根据 https://semantic-ui.com/modules/dropdown.html#/usage 提供的文档，使用 javascript 以编程方式显示下拉列表中的名称列表。 ，如下面的代码所示:

$(document).ready(function() {

let list = [{'name': 'A 1'}, {'name': 'B 2', 'selected': true}, {'name': 'C 3'}];

$('#dd1').dropdown({'values': list});

});

但是，每当我单击下拉列表时，名称列表都不会显示 - 完整的代码可以在 jsfiddle 上查看。 .

如何使用 JavaScript 在下拉列表中设置值列表？

Answer 1

您正在尝试的功能仅在 2.2.12 之后可用。但是，您在 fiddle 上使用的是以前的版本。

更新的 fiddle 在这里:https://jsfiddle.net/n0of5td1/

$(document).ready(function() {
    let list = [
        { name: 'A 1', value: 'A 1' },
        { name: 'B 2', value: 'B 2', selected: true },
        { name: 'C 3', value: 'C 3' }
    ];

    $('#dd1').dropdown({ values: list });
});