Javascript 如何使用Materialize加载选择选项

我试图将dinamic select与Materialize框架结合使用，但无法获得预期的结果

页面加载后，如果更改第一个选择（固定选择），我们将无法更改dinamic选择上的所有选项。我举了一个简单的例子来说明这个问题：

没有具体化

//就绪函数-------------------------
$（文档）.ready（函数（）{
startDynamicSelect（）；
}); 
//创建附加到侦听器的函数
函数STARTINAMICSELECT（）{
//数字数组
变量numbersList={
1 : ['1','3','5','7'],
2 : ['2','4','6','8'],
3 : ['1','2','3','4','5','6','7','8'],
}
//向onChange事件添加函数
document.querySelector（“#fixedSelect”）.addEventListener（“change”，function（）{
//获取对象的值
var items=numbersList[this.value]；
//清洁选择
var selectDinamico=document.querySelector（“#dinamicSelect”）；
选择dinamico.innerHTML=''；
//添加第一次选择时选择的项目
items.forEach（功能（项目）{
var option=document.createElement（“选项”）；
option.value=项目；
option.text=项目；
选择dinamico.appendChild（选项）；
});
});
}

类型：
奇数
对号
二者都

编号：

我已经解决了这个问题，添加了一个触发器来监听内容更改

//就绪函数-------------------------
$（文档）.ready（函数（）{
startDynamicSelect（）；
$（'select'）.formSelect（）；
}); 
//创建附加到侦听器的函数
函数STARTINAMICSELECT（）{
//数字数组
变量numbersList={
1 : ['1','3','5','7'],
2 : ['2','4','6','8'],
3 : ['1','2','3','4','5','6','7','8'],
}
//向onChange事件添加函数
document.querySelector（“#fixedSelect”）.addEventListener（“change”，function（）{
//获取对象的值
var items=numbersList[this.value]；
//清洁选择
var selectDinamico=document.querySelector（“#dinamicSelect”）；
选择dinamico.innerHTML=''；
//添加第一次选择时选择的项目
items.forEach（功能（项目）{
var option=document.createElement（“选项”）；
option.value=项目；
option.text=项目；
选择dinamico.appendChild（选项）；
});
//新增代码-----------------------
$（“#选择”）.trigger（'contentChanged'）；
});
//新增代码
$（'#dinamicSelect'）。on（'contentChanged'，function（）{
$（this.formSelect（）；
});
}

类型：
奇数
对号
二者都

编号：