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

Question

[Genri_Rus]

Вот пример: https://codepen.io/Genri_Rus/pen/RwNPxdb

Как при выборе одного select менять только в нем value ?

В данном примере меняются все value

Answer 1

[Данил Соловьев]

Привет, в данном случае, нужно заменить:
$(this).parents().find('span').text(textOption);
на:

$(this).parent().siblings('span').text(textOption);

Т.е. мы указываем на родителя (это: dropdown>ul) объекта вызова (это: dropdown>ul>li) и ищем возле родителя 'span'

Comments

[Genri_Rus]

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

[Данил Соловьев]

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

[Genri_Rus]

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

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

[Genri_Rus]

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

[fixeri]

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

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);
      });
    });

[fixeri]

Genri_Rus, s

[Genri_Rus]

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

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