如何在 javascript 中包含 blade 标签？

Question

我正在使用 laravel 8，我正在尝试为多个插入创建一个表，并且在该表中有一个已经从数据库中获取数据的下拉列表。我试过输入这样的代码，但下拉菜单不起作用。这是javascript代码：

<script>
    $(document).ready(function () {
        let baris = 1
        
        $(document).on('click', '#tambah', function () {
            baris = baris + 1
            var html = "<tr id='baris'" +baris+  ">"
                html +="<td>"+baris+"</td>"
                html +="<td contenteditable='true' class='id_barang'>"
                html += "<select class='form-control' class='id_barang' id='id_barang' name='id_barang' required>"
                html += "<option value='' hidden>-- Pilih Barang --</option>"
                html += "@foreach ($benang as $data)"
                html += "<option value='{{ $data->id_barang }}'>{{ $data->id_barang }}</option>"
                html += "@endforeach"
                html += "</select>"
                html += "</td>"
                html +="<td contenteditable='true' class='pekerjaan'></td>"
                html +="<td contenteditable='true' class='alamat'></td>"
                html +="<td> <button class='btn-sm btn-danger' data-row='baris' id='hapus'>-</button> </td>"
                html += "</tr>"
            $('#tabel1').append(html)
        });
    });
</script> 

我输入的代码是我在视图中输入的代码，它可以工作，但是当使用 javascript 时，下拉菜单无法工作