填充數據列表花費的時間太長。 用戶在輸入字段中輸入幾個字母后如何開始填充

Question

我有一個包含世界各城市的數據庫表。 總共有超過100 000個條目。 用戶應通過輸入文本字段和數據列表選擇這些條目之一。 現在，我通過PHP填充數據列表選項：

<input type='text' list='location' placeholder='Location'>
<datalist id='location'>
    <?php include("query.php");
        while($row = $result->fetch_assoc()) {
            echo "<option data-value='". $row['CityName']. "'>". $row['CityName']. "</option>";
    };?>
</datalist>

但是，由於行數很大，因此加載這些選項花費的時間太長。 因此，僅當用戶在輸入字段中輸入至少3個字母時（如在本網站上 ），我才想開始填充過程。 但是我現在的問題是我不知道如何結合javascript if子句和php代碼，因為在我可以使用javascript之前已加載了php。 我如何像提到的網站一樣創建此功能？

Answer 1

我認為JQuery自動完成功能是一個完整的答案。 特別是在“遠程數據源”情況下。