Make my code in select2 3.5 work in 4.1

Hi I have coding for paging in select2 3.5, but it doesn't work in 4.1

Anyone can fix it please bid,

Fast work fast payment for experience in select2 4.1 (single select & multiselect)


//code for single select in select2
$("#x_Area").select2({
allowClear: true,
ajax: {
url: parent_url + 'api/LookUpList/area',
dataType: 'json',
data: function (params) {
var PeriodMonth=0;
var PeriodYear=0;
if($("#x_PeriodYear").length)
{
PeriodYear = $("#x_PeriodYear").val();
}
if($("#x_MonthName").length)
{
PeriodMonth = getPeriodMonth($("#x_MonthName").val());
}
else if($("#x_PeriodMonth").length)
{
PeriodMonth = $("#x_PeriodMonth").val();
}
if(PeriodYear=="" || PeriodYear == null)
{
PeriodYear = "0";
}
if(PeriodMonth=="" || PeriodMonth == null)
{
PeriodMonth = "0";
}
return {
term: params.term || '',
page: params.page || 1,
PeriodYear: PeriodYear,
PeriodMonth:PeriodMonth
}
},
processResults: function (data, params) {
params.page = params.page || 1;
return {
results: data.results,
pagination: {
more: (params.page * 10) < data.total
}
};
}
}
});


//multi select

$("#x_" + fieldname).html('').select2({
allowClear: true,
multiple: true,
width: 'resolve',
ajax: {
url: parent_url + 'api/LookUpList/Model',
dataType: 'json',
data: function (params) {
var m_area= $('#x_Area').val();
var m_region= $('#x_Region').val();
var m_branch= $('#x_Branch').val();
var m_site = $('#x_Site').val();
var m_customer = $('#x_CustomerName').val();
var PeriodMonth=0;
var PeriodYear=0;
if($("#x_PeriodYear").length)
{
PeriodYear = $("#x_PeriodYear").val();
}
if($("#x_MonthName").length)
{
PeriodMonth = getPeriodMonth($("#x_MonthName").val());
}
else if($("#x_PeriodMonth").length)
{
PeriodMonth = $("#x_PeriodMonth").val();
}
if(PeriodMonth=="" || PeriodMonth == null)
{
PeriodMonth = "0";
}
if(PeriodYear=="" || PeriodYear == null)
{
PeriodYear = "0";
}
return {
term: params.term || '',
page: params.page || 1,
area: m_area,
region: m_region,
branch: m_branch,
site:m_site,
CustomerName:m_customer,
PeriodYear:PeriodYear,
PeriodMonth:PeriodMonth
}
},
processResults: function (data, params) {
params.page = params.page || 1;
return {
results: data.results,
pagination: {
more: (params.page * 10) < data.total
}
};
}
}
});