Как инициировать selected option?

Question

[McThinker]

При загрузке страницы у меня есть id категории.
let category = 2;

<select class='chosen-select'>
  <option data-value="1">Категория 1</option>
  <option data-value="2">Категория 2</option>
  <option data-value="3">Категория 3</option>
  <option data-value="4">Категория 4</option>
  <option data-value="5">Категория 5</option>
</select>

Нужно сравнить и если есть такая категория, то выбрать option

$('.chosen-select option').each(function () {
  let that = $(this);
  let category_id = Number(that.data('value'));
  if (category_id === getWow) {
    that.prop('selected', true);
  }
});

Что не так?

Comments

[Sergey]

Все же работает

[McThinker]

Sergey, где работает? option не выбрался, а должен

[Sergey]

McThinker, код с jsfiddle работает

Answer 1

[0xD34F]

$('.chosen-select')
  .find(`option[data-value="${category}"]`)
  .prop('selected', true)
  .end()
  .trigger('chosen:updated');

Comments

[McThinker]

0xD34F да, работает как надо. Прошу разъяснить зачем trigger('chosen:updated'); и end непонятно

[0xD34F]

McThinker,

Прошу разъяснить зачем trigger('chosen:updated'); и end

Забанили в гугле?

UPD. end не нужен, событие всплывёт; но вы всё равно погуглите, что это такое.