参数列表后出现错误 Ajax、Jquery Uncaught SyntaxError: missing )

Question

i'm getting syntax error like this

Uncaught SyntaxError: missing ) after argument list

and this is the code

 $(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>');
                });
            }
        });
    });
});

i'm new on Jquery............................................................................

Answer 1

Replace

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

on the 6th line up with

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

Notice I used the grave accent ( ` ) character instead of single-quotes ( ' ) at the beggining and end. This will allow you to use template literals.