[Add data & clear old data with Materialize] Add data & clear old data in select input with Materialize #materialize #jQuery

input.js

let element = $('#point_sale_city');
let select = $('#point_sale_district');
let url = '{{ path('route_ajax', {id: 0}) }}';

$(document).ready(function() {
    select.on('contentChanged', function() {
        $(this).material_select();
    });

    ajax(element.val());
});

function ajax(value)
{
    $.ajax({
        url: url.replace(0, element.val()),
        success: function(data) {
            buildSelectDistrict(JSON.parse(data));
        }
    });
}

/**
 * @param {array} data
 */
function buildSelectDistrict(data)
{
	select.empty();
	
    for (let i = 0; i < data.length; ++i) {
    	select.append('<option value=' + data[i].Id + '>' + data[i].Name + '</option>');
    }

    select.trigger('contentChanged');
}