Как получить доступ к созданным элементам?

Question

[snake2]

Есть функция которая генерирует DOM html

$('#search').keyup(function () {
  return generateHelpString(results);
}

function generateHelpString(results) {
        let character = $('#cities');
        for (let i = 0; i < results.length; i++) {
            character.append("<option id=\"sear\" value=\"" + results[i] + "\"></option>");
        }
        return document.getElementById('sear');
    }

Как получить только, что созданный элемент и поставить на него событие клика?
Возвращать в переменную не работает

let a = $('#search').keyup(function () {
  return generateHelpString(results);
}

Comments

[ProjectSoft]

А где вы создали элемент? У вас по коду этого нет. Вы обращаетесь уже существующим. Вернее ищите их.

[snake2]

ProjectSoft,

character.append("<option id=\"sear\" value=\"" + results[i] + "\"></option>");

[WapSter]

snake2, ты создал опцию и добавил эту опцию в элемент #cities, где у тебя там создается #search?

[snake2]

Search уже создан самим html и я создаю эти опции как выборку. И мне надо отслеживать, когда пользователь кликнул по опции и удалить их всех

[ProjectSoft]

snake2, ну попробуйте создать селект с опциями и повесить на них слушатель. Получилось?
Вам нужно слушать сам селект а не опции.

[Сергей Сергей]

Не надо одинаковые id раздавать элементам, ещё и в цикле.

/*async*/function waitForElement( selector, timeout = 5000, interval = 100 ) {
  return new Promise( ( resolve, reject ) => {
    check( resolve, reject, timeout )
  } );
  function check( res, rej, to ) {
    if( to < 0 ) {
      rej();
      return;
    }
    const el = document.querySelector( selector );
    if( el ) {
      res( el );
      return;
    }
    setTimeout( check, interval, res, rej, to - interval );
  }
}


waitForElement( '#sear' + i ).then( el => el.onclick/*...*/ )

Answer 1

[Ербол]

$('#sear').on('click', function () {
alert("asd");
});

Answer 2

[Арсений Матыцин]

Можно вешать слушатель прямо на создаваемый узел, или пойти в сторону погружения событий.