Простой скрипт, который вместо вывода информации ничего не делает. Когда нажимаю на клиента, то появляется еще один выпадающий список. Ошибок никаких не выводится...
$(document).ready(function(){
$('#fio_select').change(function(){
var selected_fio = $(this).val();
$.ajax({
url: 'index.php',
type: 'POST',
data: {family: selected_fio},
success: function(response){
$('#info').html(response);
}
});
});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="script.js"></script>
<title></title>
</head>
<body>
<h3>Выберите клиента</h3>
<select name = "" id = "fio_select">
<option value=""></option>
<?php
$link = new mysqli('localhost', 'root', '', 'db_2');
$result = $link->query("SELECT * FROM `клиенты`");
while($row = $result->fetch_assoc()){
echo '<option value = "'.$row['id'].'"]>'.$row['ФИО'].'</option>';
}
?>
</select>
<div id = 'info'></div>
<?php
$db_user = "root";
$db_pass = "";
$pdo = new PDO('mysql:host=localhost;dbname=db_2', $db_user, $db_pass);
if(isset($_POST['family'])){
$selected_fio = $_POST['family'];
$sql = "SELECT * FROM `клиенты` WHERE id = :family";
$porno = $pdo -> prepare($sql);
$porno -> bindParam(':family', $selected_fio);
$porno -> execute();
$row = $porno -> fetch(PDO::FETCH_ASSOC);
echo '<script>$("@info").html("'.$row['id'].'<br>'.$row['Телефон'].'");</script>';
}
?>
</body>
</html>
