Javascript 附加选项以选择元素不'；t-work-ecss

我想根据用户选择的日期更新选择选项。为此，我尝试使用ajax请求获取数据，并将收到的数据作为选项附加到select元素。在我尝试将数据记录到控制台时接收到的json对象没有问题，它提供了我想要的数据。但当我尝试将其附加到select元素时，选项不会被附加

JavaScript代码

    $.ajax({
                type: 'GET',
                url: 'sessions',
                data: { date: date },
                success: function (data) {
                    var sessions = data['sessions'];
                    console.log(sessions);
                    $('select').html('');
                    $.each(sessions, function (i, session) {                            
                        $('select').append($('<option/>', { 
                            value: session[0],
                            text : session[1]
                        }));
                        console.log(i);
                        console.log(session[1]);
                    });
                   }
                });

$.ajax({
键入：“GET”，
url:'会话'，
数据：{date:date}，
成功：功能（数据）{
变量会话=数据['sessions']；
控制台日志（会话）；
$（'select'）.html（“”）；
$.each（会话，函数（i，会话）{
$（'select'）。追加（$（''，{
值：会话[0]，
案文：会议[1]
}));
控制台日志（i）；
console.log（会话[1]）；
});
}
});

html代码

    <div class="row">
 <div id="sessionDiv" class="input-field"  style="padding:10px">
    <select class="black-text text-lighten-1" name="session" id="session" >
        <option  value="0" disabled selected>Choose your preferred session</option>
    </select>
    <label for="session" class="purple-text text-lighten-2"> Session :</label>
</div>                                        

选择您的首选会话
会议：

函数f1（）{$.ajax({
键入：“GET”，
url:'会话'，
数据：{date:date}，
成功：功能（数据）{
变量会话=数据['sessions']；
控制台日志（会话）；
$（'select'）.html（“”）；
$.each（会话，函数（i，会话）{
$（'select'）。追加（$（''，{
值：会话[0]，
案文：会议[1]
}));
控制台日志（i）；
console.log（会话[1]）；
});
}
});
}
var数据={
“会话”：[{“值”：“值1”，“文本”：“选项1”}，
{“值”：“值2”，“文本”：“选项2”}，
{“值”：“值3”，“文本”：“选项3”}，
{“值”：“值4”，“文本”：“选项4”}，
{“值”：“值5”，“文本”：“选项5”}]
}
函数fillSelect（）{
var sessionList=data.sessions；
$（'#session12'）.empty（）；
var msg=''；
log（sessionList.length）；
对于（i=0；i
函数f1（）{$.ajax({
键入：“GET”，
url:'会话'，
数据：{date:date}，
成功：功能（数据）{
变量会话=数据['sessions']；
控制台日志（会话）；
$（'select'）.html（“”）；
$.each（会话，函数（i，会话）{
$（'select'）。追加（$（''，{
值：会话[0]，
案文：会议[1]
}));
控制台日志（i）；
console.log（会话[1]）；
});
}
});
}
var数据={
“会话”：[{“值”：“值1”，“文本”：“选项1”}，
{“值”：“值2”，“文本”：“选项2”}，
{“值”：“值3”，“文本”：“选项3”}，
{“值”：“值4”，“文本”：“选项4”}，
{“值”：“值5”，“文本”：“选项5”}]
}
函数fillSelect（）{
var sessionList=data.sessions；
$（'#session12'）.empty（）；
var msg=''；
log（sessionList.length）；
对于（i=0；iFrom
class=“purple text text-light-2”
，我假设您使用的是materialeCSS框架

如果您正在使用materialeCSS框架，请确保在添加新选项后再次初始化select。
从
class=“purple text text-light-2”
中，我假设您正在使用materialeCSS框架

如果您使用的是materializeCSS框架，请确保在添加新选项后再次初始化select。
FYI：您正在使用
$（'select'）.html（''）删除所有选项
每次迭代？@adeneo对于粘贴和重新排列代码时出现的错误表示抱歉，它在$之前。每个迭代程序仍然不起作用，
每个
中的控制台日志显示了什么，它们是否实际显示了每个
的文本option@adeneo是的，它们确实显示了我需要作为选项附加的内容仅供参考：您是dele使用
$（'select'）.html（''）标记所有选项
每次迭代？@adeneo对于粘贴和重新排列代码时出现的错误表示抱歉，它在$之前。每个迭代程序仍然不起作用，
每个
中的控制台日志显示了什么，它们是否实际显示了每个

的文本option@adeneo是的，它们确实显示了我需要附加的选项嘿，谢谢或者响应，它不是在物化CSS中初始化select。嘿，谢谢你的响应，它不是在物化CSS中初始化select。