пример
изначально выбрана барселона
меняю на гельсинки
потом нажимаю на кнопку возвратиться к прошлому значению
должна показывается барселона ( сейчас остается гельсинки)
$('.js-example-basic-single').select2({
dropdownParent: ".list"
});
$(document).on('click', '.point__link', function() {
$('.select2-selection__rendered').text($(this).text());
})
select {
display: block;
width: 100%;
}
.list .select2-container--open {
position: static !important;
}
.list .select2-dropdown {
position: static !important;
}
body {
padding: 0 20px;
}
.btn.active {
color: red;
}
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet"/>
<ul class="point__list">
<li class="point__link">Барселона</li>
<li class="point__link">Гельсинки</li>
<li class="point__link">Милан</li>
</ul>
<select class="js-example-basic-single" name="state">
<option value="test">Барселона</option>
<option value="WY">Гельсинки</option>
<option value="AL">Мила</option>
</select>
<div class="list"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum blanditiis sapiente voluptas cumque architecto consequuntur ducimus reprehenderit modi non nihil repudiandae a, similique unde doloremque, voluptatem inventore praesentium! Voluptate, eligendi.</p>
<button class="btn">button</button>
<button>вернуться к прошлому выбоуа</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>