Как сделать, чтобы select работал как this?

Я поменял, но ничего не изменилось: https://codepen.io/Genri_Rus/pen/RwNPxdb

Genri_Rus, Если надо чтобы и стандартные select не менялись, то убери последнюю строчку

Данил Соловьев, мне нужно, чтобы менялся только один select, а не все сразу

Я нажимаю на выпадающий список ul и возле него соответственно есть select
Как сделать так, чтобы при изменении выпадающего списка ul менялся только один select, а не все сразу?

Данил Соловьев, как это вообще можно сделать ?

И не благодарите

const dropDown = $('.dropdown');

    dropDown.each((i, el) => {
      let dropSelect = $(el).find("span");
      let dropOption = $(el).find("ul li");

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

      dropOption.on('click', function() {
        let textOption = $(this).text();
        dropOption.parent().siblings('span').text(textOption);
        dropOption.parent().slideToggle('fast');
        $(el).prev().find('select option[value="'+textOption+'"]').prop('selected', true);
      });
    });

Genri_Rus, s

fixeri, как не благодарить ?

Спасибо большое, нигде не мог найти похожих примеров (