Базовые настройки
$(".change_auto").select2({
templateResult: formatState, //функция для собственного дизайна контейнера, см. ниже
minimumResultsForSearch: Infinity, //убрать поиск
placeholder: "Нужно что-то выбрать",
allowClear: true, //убрать поиск
});
function formatState (state) {
if (!state.id) {
return state.text;
}
var $state = $('<span class="new-select"><div class="left"><img src="' + state.element.getAttribute("data-img") + '" class="img-flag" /></div><div class="right"><span class="info">' + state.text + '</span><span class="price">' + state.element.getAttribute("data-price") + ' руб.</span></div></span>'); //активно юзаем data-атрибуты
return $state;
};
Сброс при наступлении события в соседнем dropdown:
('.changed-container').on('change', function(){
$('.target-container-select2').html('<option value="">Нужно выбрать заново</option>');
}