Здравствуйте! Спасибо заранее Всем кто читает и может помочь!
Суть вопроса - есть скрипт обработчик select.
$(function() {
$('.select-div').hide();
$('#select-select').on('change', (function () {
$('.select-div').slideUp();
$('.select-div').removeClass('current');
$("." + $(this).val()).slideDown();
$("." + $(this).val()).addClass('current');
}));
});
При выборе задает класс к div'у.
Также имеется скрипт смены стиля select.
$('.select').each(function() {
const _this = $(this),
selectOption = _this.find('option'),
selectOptionLength = selectOption.length,
selectedOption = selectOption.filter(':selected'),
duration = 0;
_this.hide();
_this.wrap('<div class="select"></div>');
$('<div>', {
class: 'my-select',
text: _this.children('option:disabled').text()
}).insertAfter(_this);
const selectHead = _this.next('.my-select');
$('<div>', {
class: 'my-select__list'
}).insertAfter(selectHead);
const selectList = selectHead.next('.my-select__list');
for (let i = 1; i < selectOptionLength; i++) {
$('<div>', {
class: 'my-select__item',
html: $('<span>', {
text: selectOption.eq(i).text()
})
})
.attr('data-value', selectOption.eq(i).val())
.appendTo(selectList);
}
const selectItem = selectList.find('.my-select__item');
selectList.slideUp(0);
selectHead.on('click', function() {
if ( !$(this).hasClass('on') ) {
$(this).addClass('on');
selectList.slideDown(duration);
selectItem.on('click', function() {
let chooseItem = $(this).data('value');
$('select').val(chooseItem).attr('selected', 'selected');
selectHead.text( $(this).find('span').text() );
selectList.slideUp(duration);
selectHead.removeClass('on');
});
} else {
$(this).removeClass('on');
selectList.slideUp(duration);
}
});
});
<select class="select" id="select-select">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<div class="select-div A">A</div>
<div class="select-div B">B</div>
<div class="select-div C">C</div>
При выборе select'а без скрипта стиля добавление класса из первого скрипта происходит, но в случае со стилем нет. Подскажите как можно связать событие из второго скрипта с первым.
Еще раз Всем Спасибо!
