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

Спасибо )

А вот если у меня в option другие value, то тогда как ?

при выборе можно перебирать все option и сверять текст в них с выбраным
или в LI добавить атрибуты с соответсвующими value из селекта, брать при выборе атрибут а не текст как сейчач

4mobile, а как сделать в первом случае ?

P.S. Нужно циклом перебирать ?

4mobile, а можно связать эти 2 списка ?

Допустим при переключении select менять ul и при переключение ul - менять select

P.S. Или можно через js вывести select и ul, подставив туда соответствующие переменные ?

Genri_Rus, можно, циклом, можно фильтром, как умеете

Допустим при переключении select менять ul и при переключение ul - менять select

Genri_Rus, слушать событие change селекта

$('select').on('change', function() {
  console.log(this.value);
});

P.S. Или можно через js вывести select и ul, подставив туда соответствующие переменные ?

Genri_Rus, все можно, но мне не совсем понятно зачем

4mobile, спасибо огромное

все можно, но мне не совсем понятно зачем

чтобы одним разом поставить переменные в select и ul, а потом они будут меняться автоматически ?

Т.е. придется прописать 2 этих кода ?

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');
  $('select option[value="'+textOption+'"]').prop('selected', true);
});

$('select').on('change', function() {
  console.log(this.value);
 dropOption.text($(this).val());
});

Genri_Rus, вероятно тут dropOption нужно поменять на dropSelect

$('select').on('change', function() {
 dropSelect.text($(this).val());
});

4mobile, да ошибся )

А вот если выводить из js, то нужно сначала создать объект с option'ами, потом с помощью цикла подставлять в верстку туда соответствующие значения и выводить?

сформировать строку из option или li, добавить через append к родительскому элементу
https://www.electrictoolbox.com/jquery-add-option-...

4mobile, спасибо большое !