Пользовательский код Elementor | Селектор запроса InputField ⇐ Php

[Anonymous]

Я использую собственный код и форму Elementor. Я хотел бы иметь автоматический выбор аэропортов с использованием API. Мой код в настоящее время выглядит следующим образом, и я получаю ошибку специального символа для < & >. Любая помощь будет очень признательна.

Код: Выделить всё

const accessKey = 'xxxx';
const    url=`https://app.goflightlabs.com/retrieveAirportaccess_key=${accessKey}&query=${encodeURIComponent(query)}`;

document.addEventListener('DOMContentLoaded', function() {
const inputField = document.querySelector('#departure');
const suggestionBox = document.createElement('div');
suggestionBox.classList.add('suggestion-box');
inputField.parentNode.appendChild(suggestionBox);

inputField.addEventListener('input', async function() {
const query = inputField.value;
return;  // Start suggesting after 2 characters

try {
const response = await fetch(`[url]?query=${query}`);
const suggestions = await response.json();

suggestionBox.innerHTML = '';  // Clear previous suggestions

suggestions.forEach(suggestion  {
const suggestionItem = document.createElement('div');
suggestionItem.classList.add('suggestion-item');
suggestionItem.innerText = suggestion;
suggestionItem.addEventListener('click', function() {
inputField.value = suggestion;
suggestionBox.innerHTML = '';
});
suggestionBox.appendChild(suggestionItem);
});
} catch (error) {
console.error('Error fetching suggestions:', error);
}
});

document.addEventListener('click', function(event) {
if (!suggestionBox.contains(event.target) && event.target !== inputField) {
suggestionBox.innerHTML = '';
}
});

});
Я надеюсь, что предложения аэропортов будут получены из API и использованы в функции выбора формы.

Подробнее здесь: https://stackoverflow.com/questions/791 ... y-selector