如何调用jquery插件以在实现CSS中向选择列表添加选项

Question

这是实现CSS文档的一部分，

  

此外，您需要为任何动态呼叫单独   页面生成的选择元素。

我的表单中有一个简单的选择，我尝试从mongodb查询一些值，然后将其作为选项添加到该选择中。它工作正常，但是当我用物化css修改UI时不起作用。 “如何使其工作。我正在请求查询和添加选项的ajax请求。所需的代码部分如下。请告诉我要进行哪些更改才能使其工作。

$(document).ready(function(){
  $('#test').click(function(){
    $.ajax({
    url:'/projects/getprojects/',
    method:"GET",
    success:function(response){
      response.forEach(function(project){

        $('#teamname').prepend(
                                    '<option value='+project.teamname+'></option>\
            ')

        console.log(project.teamname);
      });
    }
  });
  })
});

这是我的jQuery部分。html select只是简单的选择。我正在使用node，所以使用pug模板视图。我尝试像$（'select'）。formSelect（）一样再次初始化jQuery调用，它看起来像没有任何内容而且也不稳定。

.row
          #hide.col.s6
            #test.input-field.col.s12
              select#teamname(name='teamname')


                // dynamic insertion
              label Registered teams

我被它震撼了将近3天，无法正常工作。请帮助我。