<div class="list-item">Text</div>
<div class="list-item">Text</div>
<div class="list-separator"></div>
<div class="list-item">Text</div>
<div class="list-item">Text</div>
.block {
background: #fff;
}
.color1 {
background: #000;
}
var block = document.querySelector('.block');
block.addEventListener('mouseenter', function () {
block.classList.add('color1');
});
block.addEventListener('mouseleave', function () {
block.classList.remove('color1');
});
var $radios = $("input[name='radios']"),
$select = $(".select");
$radios.on("change", function () {
var val = $(this).prop("value");
$select.prop("value", val);
});