как получить огромные данные из базы данных и показать их в фильтре выпадающего списка, введя ввод, но должен быть выбран только из базы данных

Question

как получить огромные данные из базы данных и показать их в раскрывающемся списке.когда пользователь вводит что-либо, извлекает данные соответственно фильтром, вводя ввод, но данные должны выбираться или выбираться только из базы данных, они не должны передаваться как ввод текста пользователем, а затем помещать эти данные из раскрывающегося списка в эту пользовательскую таблицу?Данные в огромном количестве, поэтому они должны показывать примерно 10 или 15 данных при фильтрации или вводе в раскрывающемся списке.Работа должна быть такой, как когда мы выбрали наше учреждение или место жительства в профиле Facebook.В моем коде.он может выбрать ввод текста, если он не найден в базе данных, поэтому я хочу избавиться от этого тоже.

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>    
<script>
  $(function() {
    $( "#autoinput" ).autocomplete({
      source: 'searchuni.php'
    });
  });
  </script>

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 8%;
  right: 1%;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
#autoinput{
    background-image: url(img/uniicon.png);
    background-position: 5px 2px;
    background-repeat: no-repeat;
    text-indent:25px;
  }

//html file element
<input id="autoinput" type="text" name="myUni" placeholder="University/School" required size="55"><span class="tooltiptext"><label name="uninamett">Choose your university by typing name.</label>
//searchuni php file
<?php
    //connect with the database
    $db = new mysqli($dbHost,$dbUsername,$dbPassword,$dbName);
    //get search term
    $searchTerm = $_GET['term'];
   //get matched data from skills table
    $query = $db->query("SELECT * FROM university WHERE uniname LIKE '%".$searchTerm."%' ORDER BY uniname ASC");
    while ($row = $query->fetch_assoc()) {
        $data[] = $row['uniname'];
    }
    //return json data
    echo json_encode($data);
?>

Answer 1

Вы можете запросить базу данных с помощью ввода пользователя в этом конкретном столбце, используя «% searchValue%», также вы можете отфильтровать количество записей, используя ограничение 10

.