Mini Shell
<!DOCTYPE html>
<html lang="th">
<meta charset="utf-8">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<form>
<div class="form-group">
<label for="year">เลือกปี:</label>
<select name="year" id="year">
<option value="2567">2567</option>
<option value="2566">2566</option>
<option value="2565">2565</option>
<option value="2564">2564</option>
</select>
<BR>
<label for="formula">เลือกสูตรปุ๋ย:</label>
<select name="formula" id="formula">
<option value="2">สูตร 15-7-35</option>
<option value="3">สูตร 30-5-18</option>
</select>
<input type="text" class="form-control" id="search" placeholder="รหัสสหกรณ์" name="search">
</div>
<div id="result"></div>
</form>
</div>
<script>
$(document).ready(
function (){
$("#search").keyup(function(){
let year = document.getElementById("year").value;
let formula = document.getElementById("formula").value;
var value = $('input:text#search').val()
$.ajax({
url:"fetch.php",
method:"POST",
data:{search:value,year:year,formula:formula},
dataType:"TEXT",
success:function(response){
$("#result").html(response);
} /* success */
}) /* ajax */
}); /* keyup */
}); /* document */
</script>
</body>
</html>
Zerion Mini Shell 1.0