@Genri_Rus

Как при изменении выпадающего списка ul одновременно изменять и список с select'ом?

Есть вот такой вот пример: https://codepen.io/Genri_Rus/pen/rNBjjgo

<div>
  <select name="select" id="">
    <option value="">Цвет</option>
    <option value="">Красный</option>
    <option value="">Белый</option>
  </select>
</div>

<div class="dropdown">
  <span>Цвет</span>
  <i class="material-icons">arrow_drop_down</i>
  <ul>
    <li>Красный</li>
    <li>Белый</li>
  </ul>
</div>


const dropSelect = $('.dropdown span');
const dropOption = $('.dropdown ul li');

dropSelect.on('click', function() {
  $(this).siblings('ul').slideToggle('fast');  
});

dropOption.on('click', function() {
  let textOption =  $(this).text();
  $(this).parents().find('span').text(textOption);
  dropOption.parent().slideToggle('fast');
});


Собственно нужно при изменении списка ul - одновременно изменять и список с select'ом, как это сделать ?
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
4mobile
@4mobile
WEB developer
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@tempick
Ловите событие change() на select, получайте значение и устанавливайте его в ul
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы