Как правильно проверить выбор select?

[Aleksanderj]

Доброго дня всем.
Нужно чтобы при выборе определенного option добавлялся или удалялся class. Метод

$('select').on('change', function () {
      var optionSelected = $("option:selected", this);
      var valueSelected = this.value;
      if (valueSelected == '.services-slide_one') {
         $("body").addClass("test");
      } else {
         $("body").removeClass("test");
      }
    });

почему то не работает.
Подскажите как можно такое реализовать?

[Nexus]

Мб так?

$('select').on('change', function() {
    document.body.classList[
        this.value == '.services-slide_one' ? 'add' : 'remove'
    ]('test');
});

[Dilettante_Pro]

Aleksanderj,
А покажите ваш select

[Aleksanderj]

$('select').on('change', function() {
    const has = this.options[this.selectedIndex].classList.contains('services-slide_one');

    document.body.classList[
        has ? 'add' : 'remove'
    ]('test');
});

Тоже не работает

[Aleksanderj]

Aleksanderj,
А покажите ваш select

<form class="filter">
	<div class="filter-group">				
	<select name="filter">				 
	  <option value=".services-slide_one">Все</option>
	  <option value=".evac">Эвакуатор</option>
	  <option value=".gruz">Грузоперевозки</option>				
	</select>
	 </div>
</form>

[Nexus]

Aleksanderj, опишите условие, по которому body должен класс добавляться. По-человечески.

upd. поправил пост №2

[j0hnik]

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<form class="filter">
	<div class="filter-group">				
	<select name="filter">				 
	  <option value=".services-slide_one">Все</option>
	  <option value=".evac">Эвакуатор</option>
	  <option value=".gruz">Грузоперевозки</option>				
	</select>
	 </div>
</form>
	<script>	

$('select').on('change', function () {
	document.body.className = this.value.slice('1');
});

	</script>

[j0hnik]

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<form class="filter">
	<div class="filter-group">				
	<select name="filter">				 
	  <option value="services-slide_one">Все</option>
	  <option value="evac">Эвакуатор</option>
	  <option value="gruz">Грузоперевозки</option>				
	</select>
	 </div>
</form>
	<script>	

$('select').on('change', function () {
	document.body.className = this.value;
});

	</script>

или точки уберите

[Aleksanderj]

Aleksanderj, опишите условие, по которому body должен класс добавляться. По-человечески.

upd. поправил пост №2

Спасибо большое!