Why is my Jquery is not append in select option? : I try to append data in select option
but it's not showing/append in it



This is the select option

<select class="form-control show-tick" style="font-size: 14px;" id="kode_kantor" name="office_code" data-live-search="true">
<option value="choose" disabled selected>-- choose office --</option>									</select>

    This is the ajax code
    <script type="text/javascript">
    $.ajax({
        'url': 'http://x.x.x.x/test/API/getOfficeBySearch',
        'method': 'POST',
        'data': {
            'request': JSON.stringify({"username":"test","password":"test","searchparam":"type","searchvalue":"office"})
        },
        'success': function(result) {
            result = JSON.parse(result)
            result.data.forEach(function(value, index) {
                var element = `
                    <option value="${value.officeid}">${value.name}</option>
                `
                $('#office_code').append(element)
            })
            
        }
    })
</script>

------------------------------------

