Как сделать swiper для select?

Question

[this__all]

У меня есть список кнопок, с помощью которых меняются фотографии если размер больше 768 то всё отлично работает, но я хочу чтобы после 768 был список, получилось сделать вывод, но при выборе swiper не указывает его активным и не меняет изображения, подскажите, что делают не так

var swiper = new Swiper($(this).find('.object-building__slider'), {
			'direction': 'vertical',
			'spaceBetween': 30,
			pagination: {
				el: '.swiper-pagination',
				clickable: true,
				renderBullet: function renderBullet(index, className) {
					return '<span class="' + className + '">' + this.slides[index].dataset.hash + '</span>';
				}
			},
			breakpoints: {
				768: {
					direction: 'horizontal',
					pagination: {
					    el: '.swiper-pagination_select',
					    clickable: true,
					    renderBullet: function renderBullet(index, className) {
					        return '<option class="' + className + '">' + this.slides[index].dataset.hash + '</option>';
					        
					    }
					}
				}
			},
		});

<div class="object-building__date">
                                <div class="swiper-pagination"></div>
                            </div>
                            <div class="object-building__date">
                                <select class="swiper-pagination_select"></select>
                            </div>