如何使用javascript和laravel放置动态下拉列表？

Question

我正在使用Laravel，并且使用javascript动态下拉菜单。我必须在JavaScript中放置下拉列表时遇到问题。我使用此代码在laravel视图刀片上显示列表：

<select id="sip_material_add" name="sip_material_add" class="selectpicker form-control edit" data-live-search="true" style="width:100%" required> 
    @foreach($material as $getData)
    <option value="{{$getData->MAT_ID}}">{{ $getData->MAT_NAME }} </option>
    @endforeach            
</select>

我希望将其放入动态下拉列表中，如下图所示。

这是我用于动态添加下拉菜单的javascript代码：

$(function () {
    $("#btnAdd").bind("click", function () {
        var div = $("<tr />");
        div.html(GetDynamicMaterial(""));
        $("#TextBoxContainer").append(div);
    });
    $("body").on("click", ".remove", function () {
        $(this).closest("tr").remove();
    });
});

function GetDynamicMaterial() {
    return '<td><select name="ship_material_add" class="form-control">'
         + '<option></option>'
         + '</select></td>'  
         + '<td width="25%"><input name = "ship_quantity_add" type="text" class="form-control" /></td>' 
         + '<td width="15%"><button type="button" class="btn btn-danger remove"><i class="glyphicon glyphicon-remove-sign"></i></button></td>'
}