let apiUrl = 'https://jsonplaceholder.typicode.com/todos'; // for test let input = document.querySelector('.address'); let dataList = document.querySelector('#suggestions'); input.addEventListener('input', e => { let fragment = document.createDocumentFragment(); fetch(apiUrl) .then(response => response.json()) .then(addresses => { addresses.forEach(address => { console.log(address.title); let option = document.createElement('option') option.setAttribute('value', address.title); option.addEventListener('click', e => console.log('Hi!')) fragment.append(option); }) }) dataList.innerHTML = ''; dataList.append(fragment); });

 <input class="address" type="text" list="suggestions"> <datalist id="suggestions"></datalist>