Ошибка Ajax, Jquery Uncaught SyntaxError: отсутствует) после списка аргументов

Question

Я получаю синтаксическую ошибку вроде этой

Uncaught SyntaxError: missing ) after argument list

и это код

 $(document).ready(function(){
    $('#jk_id').on('change',function(){
        let id = $this.val();
        $('#kk_id').empty();
        $('#kk_id').append('<option value="0" selected disabled>--- Pilih Komponen Kegiatan ---</option>');
        $.ajax({
            type:'GET',
            url:'admin/pengajuan/create1/' + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#kk_id').empty();
                $('#kk_id').append('<option value="0" selected disabled>--- Pilih Komponen Kegiatan ---</option>');
                response.forEach(element => {
                    $('#kk_id').append('<option value ="${element['id']}">${element['name']}</option>');
                });
            }
        });
    });
});

Я новичок в Jquery ........ .................................................. ..................

Answer 1

Замените

'<option value ="${element['id']}">${element['name']}</option>'

в 6-й строке на

`<option value ="${element['id']}">${element['name']}</option>`

Обратите внимание, что я использовал символ серьезного акцента (`) вместо одинарных кавычек (') в начале и конец. Это позволит вам использовать литералы шаблонов.