Как сделать, чтобы при выборе менялся флаг страны?

Question

[Алексей]

Как сделать, чтобы при выборе страны менялся флаг?

https://jsfiddle.net/brutto33/as9juqh0/8/

Comments

[Ankhena]

Проще всего флаг сделать по классу и фоном псевдоэлемента. А не двумя дивами.
И разметка проще и кастомному селекту тоже. Просто кроме текста возьмете и класс.

Answer 1

[Danny Arty]

Не очень удобный вариант реализации флагов у вас. В любом случае, вот вариант решения:

$(document).on('click', '.number-select__item', function () {
  let country = $(this).find('.number-select__country-name').text();
  let code = $(this).find('.number-select__dial-code').text();
  let classes = $(this).find('.number-select__flag-box div').attr('class'); //добавить

  $('.number-select__selected-dial-code').text(`${code} (${country})`);
  numberSelect.slideToggle('fast');
  $('.number-select__selected-dial-code').prev().attr('class', classes); //добавить
});

$(document).click(function(){
    numberSelect.slideUp('fast');
});

Comments

[Алексей]

Спасибо