Если вы предлагаете использовать ajax , сделать select
в html и установить вызов ajax, когда значение select's
изменилось. Как это.
SELECT:
<select name='select' class='ingredient'>
<option value="" selected>- - - -</option>
<?php
$rq_ingredients = "SELECT * FROM ingredients ORDER BY nom_ingredient ASC";
$result_ingredients = $mysqli->query($rq_ingredients);
while($row_ingredients = $result_ingredients->fetch_object()){ ?>
<option value="<?php echo $row_ingredients->id_ingredient; ?>"><?php echo $row_ingredients->nom_ingredient; ?></option>
<?php } ?>
</select>
AJAX CALL:
$('.ingredient').change(function() {
var selected = $('.ingredient').val();
var data = "";
$.ajax({
type:"GET",
url : "search.php?ingredient='+selected+'',
data : "",
async: false,
success : function(response) {
//Here you get recipe name in response as return .. I hope it work.
},
error: function() {
alert('Error occured');
}
});
Сделайте еще одну страницу под названием search.php
Здесь вы получите рецептс ингредиентом
<?php
$id = $_GET["ingredient"];
$sql = "SELECT * FROM recettes WHERE cat_recette='$id'";
$result = $conn->query($statement);
if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
echo "".$row["nom_recette"]."";
}
}
?>