Я хочу, чтобы, когда я заполнял несколько букв имени пользователя в текстовом поле, я получал некоторые связанные предложения от зарегистрированных имен пользователей в базе данных. Когда я нажимаю на одно из предложений, тогда появляются другие поля, такие как электронная почта, адрес и т. Д. c. этого пользователя должны быть заполнены в полях формы ниже. Прямо сейчас, используя мой следующий код, я могу заполнить имя пользователя только в поле «Имя пользователя».
это мой индекс. php file
<!DOCTYPE html>
<html>
<head>
<title> Autocomplete Textbox using Bootstrap Typehead with Ajax PHP</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
</head>
<body>
<br /><br />
<div class="container" style="width:600px;">
<h2 align="center">User Details</h2>
<br /><br />
<label>Search username</label>
<input type="text" name="name" id="name" class="form-control input-lg" autocomplete="off" placeholder="Type username" />
</div>
</body>
</html>
<script>
$(document).ready(function(){
$('#name').typeahead({
source: function(query, result)
{
$.ajax({
url:"search.php",
method:"POST",
data:{query:query},
dataType:"json",
success:function(data)
{
result($.map(data, function(item){
return item;
}));
}
})
}
});
});
</script>
это мой поиск. php файл
<?php
//fetch.php
$connect = mysqli_connect("localhost", "root", "", "lekhajokha_2");
$request = mysqli_real_escape_string($connect, $_POST["query"]);
$query = "
SELECT * FROM merchant_details WHERE name LIKE '%".$request."%'
";
$result = mysqli_query($connect, $query);
$data = array();
if(mysqli_num_rows($result) > 0)
{
while($row = mysqli_fetch_assoc($result))
{
$data[] = $row["name"];
}
echo json_encode($data);
}
?>