Денис

Добавьте второй параметр templateSelection. В принципе, можно использовать ту же функцию, что и для кастомизации элементов option:

$("#social").select2({
   templateResult: formatState,
   templateSelection: formatState
 });

https://jsfiddle.net/6Lr7fnc0/1/

В селекторе можно использовать любые атрибуты элементов.

// или перечисляем через запятую
$('[name=test1], [name=test2], [name=test3]').on('input', function(){
	console.log($(this).val());
});
// или таким образом
$('[name^=test]').on('input', function(){
	console.log($(this).val());
});

Есть вариант отталкиваться от родительского элемента. В вашем случае < div > не унифицирован, но если предположить, что он единственный на странице, то подошёл бы и такой вариант:

$('div input:not([name=stop1])').on('input', function(){
	console.log($(this).val());
});

Первое, что я бы сделал, это оттримил данные из инпутов:

let from = document.querySelector(".from").value.trim();
let to = document.querySelector(".to").value.trim();

Во-вторых, нужно учесть, что данные инпутов - всегда строковые. Т.к. судя по коду вы ожидаете числовые значения, то данные можно сразу преобразовывать к этому типу:

let from = +document.querySelector(".from").value.trim();
let to = +document.querySelector(".to").value.trim();
// Можно так же использовать методы parseInt() или parseFloat()

В итоге, проверка будет такой:

if (!form && !to) {
    error.textContent = 'Нет данных, попадающих под условие фильтра';
}

P.S. Если преобразовываем к числовому типу, то тримить не обязательно

const select = $('#sort_sel');
select.find('option:not(:first-child)').sort(function(a, b) {
  var sa = a.textContent.toLowerCase(),
    sb = b.textContent.toLowerCase();
  return sb < sa ? 1 : sb > sa ? -1 : 0;
}).appendTo(select);

https://jsfiddle.net/Deonis/t2Lw9agp/

P.S. Селектор, скорее всего, что лучше такой: select.find('option:not([value=""])')

Как вариант:

const getDelta = e =>  (e = window.event || e) && e.wheelDelta ? e.wheelDelta / 120 : -e.detail / 3;

$('div.rl-desc').on('mousewheel DOMMouseScroll', function(e) {
  e.preventDefault();
  $(this).scrollTo(getDelta(e) > 0 ? '-=20' : '+=20');
});

Хотя, многое (если не всё) тут для меня загадка, но вам видней.

P.S. Забыл сразу функцию переписать на ES5 (на всякий случай):

var getDelta = function getDelta(e) {
  e = window.event || e;
  return e.wheelDelta ? e.wheelDelta / 120 : -e.detail / 3;
};

$("form").each(function(i, el) {
  $(el).submit(function() {
    let $that = $(this); // var $that = $(this);  - для ES5
    $.ajax({
      url: $that.attr('action'),
      type: 'POST',
      data: {
        contactemail: $that.find('input[type=email]').val()
      },
      success: function() {
        $that.closest(".section").find(".bg_form_submit").slideToggle("slow");
        alert("1");
        $('form').trigger('reset');
      },
      error: function() {
        alert("0");
      }
    });
    return false;
  });
});

P.S. Что-то мне подсказывает, что цикл тут вообще не нужен. У вас ведь одна форма на странице?

Для начала, найдите отличия:
1. delMessage и dellMessage
2. lenght и length
3. Оператор > и <
Во вторых, переменную i нужно определять и в данном случае с помощью ключевого слова let. После того, как с этим разобрались, выясниться, что у вас все блоки сразу же скроются, т.к. вы вызываете функцию в цикле, а не передаёте её аргументом, как callback-функцию. То есть, необходимо передавать только имя функции - delMessage, а не вызывать её delMessage(). И переходим к последнему пункту - как передать аргументы. Используем метод bind()
На выходе, получаем примерно такой код:

let closeIco = document.getElementsByClassName('clossing');
for (let i = 0; i < closeIco.length; i++) {
    closeIco[i].addEventListener('click', delMessage.bind(this, i));
}

function delMessage(itemNum) {
    messages = document.getElementsByClassName('message');
    messages[itemNum].style.display = 'none';
}

Что касается последнего пункта, то можно сделать просто - вызвать нужную нам функцию внутри callback-функции обработчика события.

closeIco[i].addEventListener('click', () => {
    delMessage(i);
});

А почему бы не использовать медиа-запросы? matchMedia
Простенький пример

var mediaQuery = window.matchMedia("screen and (min-width: 600px)");
mediaQuery.addListener(foo);
foo(mediaQuery);

function foo(mq) {
    document.body.style.backgroundColor = mq.matches ? '#f00' : '#060';
}

function scrollButtonShadow() {
    $('button').css('box-shadow', this.clientHeight >= this.scrollHeight - this.scrollTop ? '0px 0px 13px 0px rgba(0, 0, 0, 1)' : '');
}
$('.block').on('scroll', scrollButtonShadow);

P.S. $('button') лучше закешировать вне callback-функции

Пример в песочнице

document.getElementById('player').addEventListener('ended', function() {
    alert('The end!');
}, false);

document.addEventListener('click', function(e){
	if(e.target.classList.contains('selector')) {
    	// Do something
    }	 
});

Array.prototype.sum = function() {
    let sum = 0;
    for (let i = 0; i < this.length; i++) {
        sum += this[i];
    }
    return sum;
};

Если схема classN => idN у вас стабильная, то в принципе можно так сделать:

var dependence = {
        inha: 'aa',
        inhb: 'ab'
    },
    allInput = $(':text'),
    inpFrom = allInput.filter(function(i, el) {
        return $(el).closest('[class^=forses]').length;
    });
$('button').on('click', function() {
    $.each(inpFrom, function(i, el) {
        var cls = el.className.match(/([a-z]+)([\d]+)/);
        if (dependence.hasOwnProperty(cls[1])) {
            allInput.filter('#' + dependence[cls[1]] + cls[2]).val(el.value);
        }
    });
});

Добавляйте только в объект dependence любые зависимости между классами и ID (значение без чисел).

P.S. А вообще, я согласен с Stalker_RED .

я етим денги не зарабатываю, ет для себя

Даже, если вы чините машину для себя, а не другим за деньги, то это вас не избавит от изучения её устройства.