Ще искате да използвате AJAX, за да извикате php скрипт от вашата страница и след това да използвате php скрипта, за да направите заявка към вашата база данни и да повторите резултатите обратно на страницата.
Ще използвам jQuery за този пример, защото спестява много редове, трябва да го проверите, ако все още не сте го направили.
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
function searchOccupation () {
$.ajax({
url: "searchOccupation.php?search=" + $('#searchTxt').attr('value'),
success: function (data) {
alert(data);
}
});
}
</script>
</head>
<body>
<input type="text" id="searchTxt">
<input type="button" value="Search" id="searchBtn" onclick="searchOccupation()">
</body>
Тогава вашият php скрипт (чието име трябва да съвпада с това в полето "url" на ajax извикването (в този случай трябва да бъде наречено "searchOccupation.php") ще изглежда така:
<?php
$searchTxt = $_GET['search'];
mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
$con = new mysqli('server', 'user', 'password', 'database');
$sql = "SELECT * FROM tableName WHERE occupation = ?";
$stmt = $con->prepare($sql);
$stmt->bind_param('s', $searchTxt);
$stmt->execute();
$result = $stmt->get_result();
while($row = $result->fetch_assoc()) {
echo $row['firstName']; //This sends data back to the page
}
?>
Ехо частта на php скрипта е това, което изпраща данни обратно в "success:function (data)" на javascript, така че echo, което искате поле на страницата, както по-горе.
Редактиране:Леко погрешно разбрах какво имаш предвид, горното айон вероятно е това, от което се нуждаеш.