如何在dropdownbox中附加值

Question

如何使用jquery在dropdownbox中附加值？

这是我的HTML

<div class="input-field col s6">
    <select id="graph_program" class="Programs">  
    </select> 
    <label>Program</label>
</div>

这是我的脚本

$('#graph_college').on('change',function(){
        var college = $('#graph_college option:selected').text();
        $.ajax({
            type:"POST",
            url:"<?php echo base_url('administrator/getCourses')?>",
            data:{college:college},
            dataType:'json',
            success : function(data){
                console.log(data);
                $(data).each(function(){
                    $('.Programs').append($('<option class="black-text"></option>').text(this.course_abbv));
                });
            }
        });
    });

，结果如下:(项目位于下拉框的底部）

  

Answer 1

ent$('#graph_college').on('change',function(){
    var college = $('#graph_college option:selected').text();
    $.ajax({
        type:"POST",
        url:"<?php echo base_url('administrator/getCourses')?>",
        data:{college:college},
        dataType:'json',
        success : function(data){
            console.log(data);
            $(data).each(function(){
                $('.Programs').append($('<option class="black-text"></option>').text(this.course_abbv));
            });
           $('select').material_select(); // answer
        }
    });
});

我需要重新初始化物化的下拉框