我在向chart.js添加选项时遇到了一些问题 <select> 从一系列 <option> S我一直都在使用同样的粗糙程序，所以我不知道为什么现在我失败了。。。
我在做什么：
我有几个 <select> 看起来或多或少像这样的：

<select id='soilname' data-placeholder='Type here' multiple class='chosen-select'>
    <option value=''></option>
</select>

一系列的步骤让我得到一个数组 <option> S此数组称为 optnames .
我遍历数组，将其添加到多个 <select> s:

for(var i=0; i < optnames.length; i++)
{
    document.getElementById("soilname").appendChild(optnames[i]);
    document.getElementById("soilyearname").appendChild(optnames[i]);
    document.getElementById("albedoname").appendChild(optnames[i]);
    document.getElementById("dcname").appendChild(optnames[i]);
    document.getElementById("acname").appendChild(optnames[i]);
}

一段时间后，我激活了selected.js：

jQuery(".chosen-select").chosen({
    width: "400px"
});

我确保将所有相关文件和插件都包含在 <script> 标签。我也 console.log() 预计起飞时间 optnames 以确保数组符合我的预期。关于这个主题的其他几页提出了很好的解决方案——没有一个有效。有没有想过会有什么错误？