使用JavaScript填充MaterializeCSS中的选择元素

Question

我是Materialise CSS框架的新手，我想知道如何使用JavaScript填充选择组件。我尝试了以下方法：

<select id='myselect'>
</select>

$('select').formSelect();
const x = ['a', 'b', 'c'];
x.map(item => {
    $('#myselect').append(`<option>${item}</option>`);
})

选择表单组件只是显示为空。我还确保将JavaScript文件加载到HTML文件的底部。

Answer 1

以相反的方式做...

const x = ['a', 'b', 'c'];
x.map(item => {
    $('#myselect').append(`<option>${item}</option>`);
});

$('select').formSelect();

formPlugin添加一个定制模板并将html列表链接到选择选项。

如果您需要在初始化后添加项目：

• 添加项目
• 销毁formSelect
• 重新初始化