من کد زیر رو دارم

provinceInput.addEventListener("input", function (event) {
    const query = this.value.toLowerCase();
    provinceSuggestions.innerHTML = "";

    for (const province in data_city) {
        if (province.toLowerCase().includes(query)) {
            const suggestionItem = document.createElement("div");
            suggestionItem.classList.add("suggestion-item");
            suggestionItem.textContent = province;
            suggestionItem.onclick = () => {
                provinceInput.value = province;
                cityInput.disabled = false; // فعال کردن فیلد شهر
                showCitySuggestions(province); // بارگذاری شهرها
                provinceSuggestions.innerHTML = ""; // پاک کردن پیشنهادات
                cityInput.value = ''; // پاک کردن فیلد شهر
                citySuggestions.innerHTML = ''; // پاک کردن پیشنهادات شهر
            };
            provinceSuggestions.appendChild(suggestionItem);
        }
    }

    // بررسی کلید اینتر
    if (event.key === 'Enter') {
        const firstSuggestion = provinceSuggestions.firstChild;
        if (firstSuggestion) {
            firstSuggestion.click(); // کلیک روی اولین پیشنهاد
        }
    }
});

// شنیدن کلیک در خارج از فیلدها
document.addEventListener("click", function (event) {
    if (!provinceInput.contains(event.target) && !provinceSuggestions.contains(event.target)) {
        const firstSuggestion = provinceSuggestions.firstChild;
        if (firstSuggestion) {
            provinceInput.value = firstSuggestion.textContent; // انتخاب اولین پیشنهاد
            cityInput.disabled = false; // فعال کردن فیلد شهر
            showCitySuggestions(firstSuggestion.textContent); // بارگذاری شهرها
            provinceSuggestions.innerHTML = ""; // پاک کردن پیشنهادات
            cityInput.value = ''; // پاک کردن فیلد شهر
            citySuggestions.innerHTML = ''; // پاک کردن پیشنهادات شهر
        }
    }
});

function showCitySuggestions(selectedProvince) {
    const cities = data_city[selectedProvince];
    citySuggestions.innerHTML = ""; // پاک کردن قبلی

    // فقط یک بار بارگذاری
    cityInput.removeEventListener("input", handleCityInput); // حذف رویداد قبلی
    cityInput.addEventListener("input", handleCityInput); // تنظیم رویداد جدید

    function handleCityInput() {
        const query = this.value.toLowerCase();
        citySuggestions.innerHTML = "";

        for (const city of cities) {
            if (city.toLowerCase().includes(query)) {
                const suggestionItem = document.createElement("div");
                suggestionItem.classList.add("suggestion-item");
                suggestionItem.textContent = city;
                suggestionItem.onclick = () => {
                    cityInput.value = city;
                    citySuggestions.innerHTML = ""; // پاک کردن پیشنهادات
                };
                citySuggestions.appendChild(suggestionItem);
            }
        }
        
        // بررسی کلید اینتر
        if (event.key === 'Enter') {
            const firstCitySuggestion = citySuggestions.firstChild;
            if (firstCitySuggestion) {
                firstCitySuggestion.click(); // کلیک روی اولین پیشنهاد شهر
            }
        }
    }
}


میخوام این حالت بهش اضافه بشه که وقتی ایتم داخل اینپوت برابر با یکی از ساجست ها شد بیاد و فیلد بعدی یا دکمه بعدی که تعریف شده رو فعال کنه